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?

Answer 1

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.

Answer 2

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