为什么我不能动态修改<select>标签中的内容??

Question

以前遇到过，bug ...？

Answer 1

已解决！！
<select id="dd" >
</select>
<input type="button" onclick="test()" value="ddddd">
<script language="javascript">
     var temp=document.getElementById("dd")
     var tempT=document.createElement("option");
     tempT.value = tempT.text =  "asdf";
     temp.options.add(tempT);
</script><select id="dd" >
</select>
<input type="button" onclick="test()" value="ddddd">
<script language="javascript">
     var temp=document.getElementById("dd");
     var tempT=new Option("asdf","asdf");
     temp.options.add(tempT);
</script>

Answer 2

<select name="select" id="dd" >
</select>
<input type="button" onclick="test()" value="ddddd">
<script language="javascript">
function test(){
 var temp=document.getElementById("dd");
 alert(temp.name);
 var ss=document.createElement("option");
 ss.value = "value";
 ss.text="test";  
       temp.add(ss);
 
}
</script>

Answer 3

select 不能用innerHTML,用outerHTML可以
dd.outerHTML='<select id="dd" >'+tempT+'</select>';
还有就是用DHTML
<script language="javascript">
var optobj=document.createElement("OPTION");
var sel=dd.options.add(optobj);
optobj.value=tempT;
optobj.text=tempT;
</script>

Answer 4

最好这样
  var temp=document.getElementById("dd");
  temp.options[temp.length]=new Option('asdf','asdf');