html（下拉）选择选项和javascript

可能重复：

我有一个html选择元素，如下所示

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form> 

苹果
梨
香蕉
橙色

我想使用javascript（而不是jQuery）添加另一个选项值，如下所示

Berry

谁能说我怎么能那样做

---

谢谢

首先使用

文档抓取选择。getElementById

var sel = document.getElementById('mySelect');

然后将该选项添加到select的

选项

集合中，如下所示

sel.options.add(new Option('text', 'val'));

---

首先使用

document.getElementById抓取选择

var sel = document.getElementById('mySelect');

然后将该选项添加到select的
选项
集合中，如下所示

sel.options.add(new Option('text', 'val'));


现场演示：

这也适用于所有HTML标记

var x=document.getElementById("mySelect");
var option=document.createElement("option");
option.text="Kiwi";
try{
  // for IE earlier than version 8
  x.add(option,x.options[null]);
}
catch (e){
  x.add(option,null);
}

现场演示：

这也适用于所有HTML标记。

var x=document.getElementById("mySelect");
var option=document.createElement("option");
option.text="Kiwi";
try{
  // for IE earlier than version 8
  x.add(option,x.options[null]);
}
catch (e){
  x.add(option,null);
}

函数fnc（）
{
document.getElementById（“mySelect”）.options.add（新选项（“berry”））；
}
苹果
梨
香蕉
橙色

函数fnc（）
{
document.getElementById（“mySelect”）.options.add（新选项（“berry”））；
}
苹果
梨
香蕉
橙色
我正在寻找一个像你一样的解决方案。但你的解决方案在我的表格中不起作用。可能有什么问题？？我看到了您的JSFIDLE。是否需要任何事件处理程序？？？@php-不需要任何事件处理程序。我不知道问题出在哪里——只要仔细看看小提琴，看看你是否能猜出你做错了什么。我觉得这很有趣。我把我的代码粘贴到你的小提琴上，它就开始工作了。但在我的应用程序中，它不起作用。我也在尝试下面的
Untitled Document var sel=Document.getElementById（'mySelect'）；添加（新选项（'text'，'val'）；苹果梨香蕉橙
但它也不起作用。我正在寻找一个像你一样的解决方案。但你的解决方案在我的状态下不起作用。有什么问题吗？？我看到了您的JSFIDLE。是否需要任何事件处理程序？？？@php-不需要任何事件处理程序。我不知道问题出在哪里——只要仔细看看小提琴，看看你是否能猜出你做错了什么。我觉得这很有趣。我把我的代码粘贴到你的小提琴上，它就开始工作了。但在我的应用程序中，它不起作用。我也在尝试下面的
Untitled Document var sel=Document.getElementById（'mySelect'）；添加（新选项（'text'，'val'）；苹果梨香蕉橙
但它也不起作用。