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

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选择器.