使用Prototype库使用javascript向Select元素添加选项

Question

想要使用原型动态地向Select元素添加选项。

似乎有很多不同的方法可以做到这一点，所有这些都与options.add等有关......在跨浏览器方式方面看不太多。

希望它尽可能轻盈。

这是我到目前为止所得到的。这只是附加我坚持的选项：

var oNewOption = new Element('option').value=vItem;
oNewOption.text=vItem;

任何想法？

提前致谢！

Answer 1

不需要Prototype，从20世纪90年代中期开始，以下历史悠久的方法在每个主流桌面浏览器中运行都会非常简单：

// Assuming a select element stored in a variable called 'select'
select.options[select.options.length] = new Option("Option text", "optionValue");

Answer 2

select.insert(new Element('option', {value: myValue}).update(myLabel));

insert 附加到 select 对象的内容， update 更新新选项对象的内容。

但并不比传统方式更好。