求问js动态增添下拉框

2013-07-16

求问js动态添加下拉框%@ page languagejava pageEncodingGBK %!DOCTYPE HTML PUBLIC -//W3C//DT

求问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;

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

         obj.add(new Option(text));
         }

//简单逻辑处理假定你只是不希望反复触发addOption
[解决办法]
var selectInnerHtml = obj.innerHTML;
selectInnerHtml 里包含的是<option></option> 的字符串，
只要对这个字符串进行截取判断输入框里的值是否存在
[解决办法]
帮顶，
楼上的应该可以了吧，

热点排行

JavaScript

求问js动态增添下拉框