jQueryでセレクトボックスの取得・代入・追加・削除・イベントまとめ【サンプル有】 | キノコログ

Jqueryで扱うフォーム部品のセレクトボックスの操作についてまとめました。（プルダウンリストとも言います） 要素の指定ですが、class、id、nameそれぞれ、セレクタの指定方法が異なるので覚えておきましょう。 //class要素を取得 var text = $('.test1').val(); //id要素を取得 var text = $('#idtest1').val(); //name要素を取得 var text = $('[name="nametest1"]').val(); この記事ではすべてclass要素を取得する例として説明しております。 セレクトボックスに現在選択されている値を取得する 現在選択されている<select>要素の値の取得は、$('要素').val()で取得できます。 <select class="test1"> <option value="1">選択肢1