Thêm một mục để thả xuống danh sách với Jquery tại một chỉ mục nhất định

Question

Điều này có khả thi không?

tôi sử dụng thêm như thế này

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

Nhưng điều này sẽ thêm nó vào cuối ....

Answer 1

nếu bạn muốn thêm vào như chỉ số 2 bạn có thể làm điều này:

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

điều này có nghĩa, chọn chỉ số 2, và đặt các tùy chọn mới trước đó.

Answer 2

Tìm tùy chọn tại .eq(n) để xác định các chỉ số bạn muốn tùy chọn mới tại. Sau đó sử dụng .before() để chèn đối tượng. (Xem thêm .insertBefore(), .insertAfter(), hoặc .after())

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

Answer 3

Nếu bạn đã có dll như var dll = $(".dll")

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