Internet Explorer 不知道如何将选项标签添加到 jQuery 中的选择

Question

我在 Internet Explorer 7 和 8 中遇到了 jQuery 的问题，同时尝试向现有选择添加选项：

var s = document.getElementById("category");
s.options.add(select_option);

但 IE 只是说：

对象不支持此属性或方法

，并指向 s.options.add(select_option);

Answer 1

假设 id 为“category”的元素实际上是一个 ，最简单的方法是以下历史悠久的代码，用于在任何浏览器中向选择列表添加选项：

var s = document.getElementById("category");
s.options[s.options.length] = new Option("Option text", "optionValue");

Answer 2

尝试

$('#category').append('<option value="foo" selected="selected">Foo</option>');

或

var options = $('#category').attr('options');
options[options.length] = new Option('Foo', 'foo', true, true);

Answer 3

这个解决方案在 IE8 下运行良好 - 从微软论坛复制 -

“我假设你已经得到了你需要的答案，但是对于在搜索这个问题时找到这篇文章的其他人（就像我一样），这里是对我有用的解决方案。所要做的就是在将 opt 添加到选项集合后设置属性，我还发现 MSDN 的 add 函数（针对选项集合）页面明确指出，对于 IE，必须在添加选项后设置属性，但我在网上找到的大多数例子都不是这样做的，我认为你的方法可能在旧版本的 IE 中有效。”

var opt = document.createElement('option');  
select.options.add(opt);       
opt.innerHTML = 'Foo';  
opt.value = 'Bar';  

Answer 4

add() 调用不应在 select 元素上进行，而不是在选项集合上进行吗？ IE：

s.add(select_option);