如何使用javascript向html表单下拉列表中添加选项

Question

我想要此脚本将一个选项添加到列表中。

当您打开列表我想要的选项是test和hello

我在做什么错？

<SCRIPT> 
function runList(){ 
    document.getElementById('list').value = "<option>hello</option>"; 
} 
</SCRIPT> 

<FORM NAME="myform" ACTION="" METHOD="GET"> 
Your Options: 
<INPUT TYPE="button" NAME="button" VALUE="Click" onClick="runList()"/> 
<SELECT NAME="list" ID="list"> 
<OPTION>test</OPTION> 
</SELECT> 

Answer 1

你需要实际的选择对象添加到DOM。我已经连接到拨弄你的榜样工作：http://jsfiddle.net/DS8TG/

更改运行列表以下：

function runList(){ 
    var select = document.getElementById('list'); 
    select.options[select.options.length] = new Option('Hello', 'Hello'); 
}​ 

Answer 2

尝试这个

var element = document.getElementById('list'); 
element.options[element.length] 
    = new Option('yourText', 'yourValue'); 

Answer 3

var select = document.getElelmentById('test'); 
var option = document.createElement('option'); 
option.value = 'value'; 
select.appendChild(option)