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

【问题标题】：how do I add an option to a html form dropdown list with javascript如何使用 javascript 向 html 表单下拉列表中添加选项
【发布时间】：2012-06-12 07:32:44
【问题描述】：

我希望这个脚本在列表中添加一个选项。

当您打开列表时，我希望选项为 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>

【问题讨论】：

标签： javascript html forms

【解决方案1】：

您需要将选项对象实际添加到 dom。我已经链接到您的示例工作的小提琴：http://jsfiddle.net/DS8TG/

将 runList 更改为以下内容：

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

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：

【解决方案3】：

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

【讨论】：