jQuery: add an <option> to a <select>

javascript jquery option html-select
user135498 picture user135498 · Oct 5, 2009 · Viewed 26.7k times · Source

When I attempt to add an option to a select, the option I’m trying to append ends up appended to the first option instead of the select itself.

$(".ct [value='']").each(function() {
    $(this).append($("<option></option>").attr("value", "Reset").text("Reset"));
});

Help?

Answer

Jeff picture Jeff · Oct 5, 2009

I'd have to see the HTML you're targetting to be sure, but it looks to me like your selector is targetting the first option of the select.

Try $(this).parent.append() instead.

Related questions

How do you remove all the options of a select box and then add one option and select it with jQuery?

Using core jQuery, how do you remove all the options of a select box, then add one option and select it? My select box is the following. <Select id="mySelect" size="9"> </Select> EDIT: The following code …

Read More
set option "selected" attribute from dynamic created option

I have a dynamically created select option using a javascript function. the select object is <select name="country" id="country"> </select> when the js function is executed, the "country" object is <select name="country" id="…

Read More
Change the Text of a Option with jQuery

How can I change the text of an option with jQuery? I'd like to change Newest with Oldest in an option is a <select> element. $('select option:contains("Newest")').changeText('Oldest'); .replaceWith would not work for me. …

Read More