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();
});
一行入魂サイトにまとめがあります。
<<ハッシュパスワードを生成するChrome Extension hashpassリリース | HOME | MySQLでシステムプロパティ>>
COMMENTS
No title
options[idx].text とかはないのかねぇ・・しみじみ
No title
仕事で困ってたので助かりましたー！
No title
選択された要素の取得は$('#target').val();の方が一般的かもねー(･ω･｀*)ﾈｰ
COMMENT FORM
TRACKBACK
| HOME |
