如何在選擇的最後一個選項之前添加新選項？

Question

我試圖創建一個新的選項，然後在選擇的最後一個選項之前添加它。

當我使用$("#select").append("<option>hi</option")時，它總是在最後一個之後添加。

如何在選擇的最後一個選項之前添加新選項？

Answer 1

$("select option:last").before("<option>hi</option>"); 

在線演示：http://jsfiddle.net/6MVEd/

Answer 2

我相信你想要.insertBefore()方法。

Answer 3

http://jsfiddle.net/

$("#select option:last").prev().append("<option>New Option</option>"); 

您可能希望避免使用選擇作爲ID。

Answer 4

$("#select option").eq(-2).after("<option>hi</option") 

或

$("#select option").eq(-1).before("<option>hi</option") 

"#select option"是完全有效的querySelectorAll選擇器。