如何添加一个选项，使用JavaScript的HTML格式下拉列表(how do I add an o

我想这个脚本选项添加到列表中。

当您打开列表我想要的选项是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)

文章来源: how do I add an option to a html form dropdown list with javascript