求问js动态增添下拉框-JavaSript-爱易网页

求问js动态增添下拉框

日期：2014-05-16　浏览次数：20448 次

求问js动态添加下拉框

<%@ page language="java" pageEncoding="GBK" %>  

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  

<<html>  

<head>  

<html:base/><title>欢迎</title>  

</head>  

<body>  

<input type="text" id="1">

<input type="text" id="2">

<select id="name" onclick="addOption()"> 

 

</select> 

 

<script> 

 function addOption(){

        var count

        

        var text=document.getElementById("2").value;

         var obj=document.getElementById("name");

         

         obj.add(new Option(text));

         }

 </script>





</body>  

</html>

我想达到的效果是，在前面的input输入框中输入内容，然后利用js函数，点击下拉框，可以再下拉框中显示前面input的输入项，现在问题就出现我每点击一次，内容都会重复添加，求问怎么达到前面输入了什么内容后面点击下拉框就只出现这些内容，且重复点击还是保持不变呢？

------解决方案--------------------
添加时先查找一下选项是不是已存在
------解决方案--------------------
先判断一下试试  不很明白你的意思
------解决方案--------------------
var change = false;
document.getElementById("2").onchange = function(){
    change = true;
}
function addOption(){
      if(!change){
            return;
      }else{
            change = false;
     }

        var count

        var text=document.getElementById("2").value;

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求问js动态增添下拉框

相关资料更多>

推荐阅读更多>