动态添加选项到下拉框

Question

我有一个下拉框，其中动态输入值。但有时它的价值不会得到更新。如何强制下拉框刷新？

var DropdownBox =document.getElementById("xyz");
var optn = document.createElement("OPTION");
optn.text="txt";
optn.value="val";
DropdownBox.options.add(optn);

Answer 1

我认为那应该是DropdownBox.add(optn);。请参阅MDC page describing HTMLSelectElement。

Answer 2

你试过吗

DropdownBox.appendChild(optn);

仅在IE中支持Afaik options.add()。

Answer 3

这就是我使用的：

var target=document.getElementById('myselect');    
var optionName = new Option('option text', 'option value');    
var targetlength = target.length;    
target.options[targetlength] = optionName;