jQueryでselectタグの値やテキストを取得する

jQueryでセレクトボックスで選択したvalueやテキスト、option要素全部を取得したりと、セレクトボックスでの取得方法をご紹介します。 multipleのセレクトボックスでの複数の値に対応した方法も併せてお伝えします。 選択した値を取得 セレクトボックスで選択したvalue値やテキストを取得する方法です。 選択したvalue値を取得 まずはセレクトボックスのvalue値を取得します。 value値はHTMLには表示されずソースで確認することができますが、実際のデータはvalue値を元に判定しますね。 HTML

[seesaa]

“ // ①セレクトボックスのoption要素をchildren()で取得し変数に格納 var cities = $('#kanagawa').children(); // ②for文でoptionの数だけループ処理 for (var i=0; i<cities.length; i++) { // ③コンソールに1つずつ表示 console.log(cities.eq(i).text()); }”