スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQueryでselect操作まとめ

HTMLのselect要素であるコンボボックスをjQueryで扱いたくて色々調べました。
一覧で見られると便利なので、まとめてみました。
<select id="target"></select>

■要素の追加
jQuery('#target').append(jQuery('<option value="1">test1</option>'));

■要素の選択
value=1を選択
jQuery('#target').val('1');

■要素の変更のイベントハンドラー
jQuery('#target').bind('change', function() {
});

■選択された要素の取得
属性valueの値
jQuery('#target option:selected').val();

テキストの内容
jQuery('#target option:selected').text();

■選択された複数要素の取得
jQuery('#target option:selected').each(function() {
var value = jQuery(this).val();
var text = jQuery(this).text();
});


一行入魂サイトにまとめがあります。
スポンサーサイト

COMMENTS

No title

options[idx].text とかはないのかねぇ・・しみじみ

No title

仕事で困ってたので助かりましたー!

No title

選択された要素の取得は$('#target').val();の方が一般的かもねー(・ω・`*)ネー

COMMENT FORM

TRACKBACK


この記事にトラックバックする(FC2ブログユーザー)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。