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

Question

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?

Do you want to add as much options as the number of empty valued options? — rahul
– rahul, Commented Oct 5, 2009 at 5:52
possible duplicate of What is the best way to add options to a select from an array with jQuery? — Bozho
– Bozho, Commented Jan 25, 2011 at 18:07

Jeff · Accepted Answer · 2009-10-05 05:44:55Z

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.

meder omuraliev · Accepted Answer · 2009-10-05 05:45:24Z

1

 $(this).parent().append($("<option></option>").attr("value", "Reset").text("Reset"));

answered Oct 5, 2009 at 5:45

meder omuraliev

187k76 gold badges402 silver badges443 bronze badges

1 Comment

rahul Over a year ago

But this adds options equal to the number of empty valued options. So better change the selector.

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related