javascript - Internet Explorer doesn't know how to add options tag to a select in jQuery

Im facing a problem with jQuery in the Internet Explorer 7 and 8, while trying to add a option to a existing select:

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

But IE just says:

Object doesn't support this property or method

and points to s.options.add(select_option);

Im facing a problem with jQuery in the Internet Explorer 7 and 8, while trying to add a option to a existing select:

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

But IE just says:

Object doesn't support this property or method

and points to s.options.add(select_option);

Share Improve this question edited Jul 18, 2022 at 11:27 β.εηοιτ.βε 39.3k14 gold badges79 silver badges99 bronze badges asked Oct 18, 2010 at 14:42 Markus 4,0388 gold badges50 silver badges65 bronze badges

Are you sure s is actually a reference to a <select> element? IE does support the add() method of the options collection. – Tim Down Commented Oct 18, 2010 at 15:30
then you should have $("#category") instead of document.getElementById and I thing @fearofawhackplanet first option would be the best. – Diego Commented Oct 18, 2010 at 16:01

Add a ment |

4 Answers 4

Sorted by: Reset to default 6

Assuming the element with id "category" is actually a <select>, the easiest way is the the following time-honoured code for adding an option to a select list in any browser:

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

try

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

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

This soulution is working fine under IE8 - copied from MIcrosoft forum -

"I assume you already got the answer you needed, but for anyone else who finds this post when searching this problem (like I did), here's the solution that worked for me. All it took was setting the properties on opt AFTER adding it to the options collection. I also found that MSDN's page on the add function (for the options collection) explicitly states that for IE, the properties must be set after the option is added, but most of the examples I found online don't do it that way. I think your way may have worked in older versions of IE."

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

Should the add() call not be on the select element, rather than the collection of options? I.e.:

s.add(select_option);

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Internet Explorer doesn't know how to add options tag to a select in jQuery - Stack Overflow

4 Answers 4

与本文相关的文章

评论列表(0)