Internet Explorer doesn't know how to add options tag to a select in jquery...

Question

Hi there,

Im facing a problem with jquery in the Internet Explorer 7 and 8:

Im Trying to add a option tag 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 the s.options.add(select_option); line...

Anybody an idea? Thanks Maechi

Answer 1

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

s.add(select_option);

Answer 2

try

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

or

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

Answer 3

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");