如何使用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)