各位前辈，，动态添加select的option，我为什么总是添加一个啊，帮忙

Question

         for(var i = 0; i < shengListObject.childNodes.length; i ++ )
         {
            var optionTage = document.createElement("option");
            optionTage.innerText=shengListObject.childNodes[i].getElementsByTagName("name")[0].childNodes[0].data;
            optionTage.value=shengListObject.childNodes[i].getElementsByTagName("id")[0].childNodes[0].data;
          //  alert(shengListObject.childNodes[i].getElementsByTagName("name")[0].childNodes[0].data);
           // alert(shengListObject.childNodes[i].getElementsByTagName("id")[0].childNodes[0].data);
            var shengSelect=document.getElementById("sheng");
            shengSelect.applyElement(optionTage);
         }用的是AJAX循环是三次，但只添加了一个OPTION

Answer 1

shengSelect.options[shengSelect.options.length]=optionTage
试试

Answer 2

试试这个。var shengSelect=document.getElementById("sheng"); 
for(var i=0;i<shengListObject.childNodes.length;i++){
var text=shengListObject.childNodes[i].getElementsByTagName("name")[0].childNodes[0].data;
        var val=shengListObject.childNodes[i].getElementsByTagName("id")[0].childNodes[0].data;
var item = new Option(text, val);
shengSelect.options.add(item); }

Answer 3

var shengSelect=document.getElementById("sheng");
这句话放在for外面试试

Answer 4

感谢各位啊楼上的几位代码我还没有测试，，另外我发现一个问题   var shengSelect = document.getElementById("sheng");   for(var i = 0; i < shengSelect.childNodes.length;
   i ++ )
   {
      shengSelect.options.remove(0);   }alert("delete after:"+shengSelect.options.length);怎么还提示1啊，，先帮忙解决这个问题啊

Answer 5

如果你的意思是删除下拉下所有的option可以直接使用
 shengSelect.options.length=0;

Answer 6

<select id="sheng">
<option value="">aa</option>
<option value="">bb</option>
<option value="">cc</option>
</select><script>
var shengSelect = document.getElementById("sheng"); 
shengSelect.options.length=0;</script>

Answer 7

这个帖子可能对你有帮助。
http://topic.csdn.net/u/20071213/13/13b0ec3d-dba5-48ab-8c17-2b26c74c8d96.html