如何在选择的最后一个选项之前添加新选项？

Question

我正在尝试动态创建一个新选项，然后在选择的最后一个选项之前添加它。

当我使用$("#select").append("<option>hi</option")时，它总是在最后一个之后添加。

如何在选择的最后一个选项之前添加新选项？

Answer 1

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

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

Answer 2

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

或

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

"#select option"是一个完全有效的querySelectorAll选择器。

Answer 3

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

Answer 4

http://jsfiddle.net/

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

您可能希望避免将select用作id。