2011-06-28 7 views
5

私はその場で新しいオプションを作成し、それを選択の最後のオプションの直前に追加しようとしています。選択の最後のオプションの前に新しいオプションを追加するにはどうすればよいですか?

$("#select").append("<option>hi</option")を使用すると、常に最後のものの後に追加されます。

選択の最後のオプションの前に新しいオプションを追加するにはどうすればよいですか?

答えて

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

オンラインデモ:http://jsfiddle.net/6MVEd/

+0

// iは、私は上記のように行っているが、その後も、私はいずれかを取得することはできませんよjsfiddle – Moon

+0

ありがとうござい入力いただき、ありがとうございます結果。 – amosrivera

+0

+1を助けた喜んで、あなたは歓迎している入力や編集 – demongolem

1

http://jsfiddle.net/

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

あなたがIDとして選択使用しないようにしたい場合があります。

+0

//入力ありがとうございました – Moon

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

又は

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

完全に有効querySelectorAllセレクタです。

+0

//入力いただきありがとうございます。私はselectでeqを使うことができることを学んだ!ありがとう! – Moon

+1

@ムーン:どうぞよろしくお願いいたします。はい、これは、jQueryオブジェクト内の一致する要素のセットを単一のものに絞り込む簡単な方法です。負のインデックスは最後から要素を選択するのに最適です。 – user113716

関連する問題