Adding an item to drop down list with Jquery at a certain index

Question

Is this possible?

I use append like this

$(".ddl").append($("<option></option>").val("").text("Select"));

But this appends it at the end....

Answer 1

if you want to add on like index 2 you can do this:

$(".dll option").eq(2).before($("<option></option>").val("").text("Select"));

this means, select index 2, and put the new option before that one.

Answer 2

Find the option at .eq(n) to specify the index you want the new option at. Then use .before() to insert the object. (See also .insertBefore(), .insertAfter(), or .after())

$(".ddl option").eq(n).before($("<option></option>").val("").text("Select"));