How to add a new option before the last choice?

Question

I'm trying to create a new option on the fly, and then add it right before the last option.

When I use $("#select").append("<option>hi</option") , it is always added after the last.

How to add a new option before the last selection option?

Answer 1

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

Online Demo: http://jsfiddle.net/6MVEd/

Answer 2

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

or

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

"#select option" is a complete querySelectorAll selector.

Answer 3

I believe you need a method . insertBefore () .

Answer 4

http://jsfiddle.net/

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

You might want to avoid using select as an identifier.