javascript - 浏览器中性方式向 javascript 中的选择元素添加选项

Question

我刚刚学到了一些有趣的东西。 IE 6 中javascript select 对象的add 方法只有一个参数。当你传递两个参数时它会抛出一个错误，我认为这是 standard , 即使是 documented在 MSDN 网站上。

我的问题是这样的。对于以编程方式将选项元素添加到 javascript 中的选择元素，您的最佳实践建议是什么？

• 根据用户代理的值调用不同的添加方法？
• 将选择的对象包装在提供适当方法签名的类中？
• 使用为您执行此操作的 javascript 库(指定哪个库)？

Answer 1

添加新的选项类型至少适用于 IE6 及更高版本

function addOption(selectID, display, value)
{
  var obj = document.getElementById(selectID);
  obj.options[obj.options.length] = new Option(display, value);
}

另外在 Firefox 2、3、Opera 8、9.5 和 Safari 4 中成功测试。 IE4 失败:(