More than 5 years have passed since last update.

セレクトボックスの選択されている項目の取得

Posted at 2016-10-28

<select id="hoge" name="test">
    <option value=1>foo</option>
    <option value=2>bar</option>
    <option value=3>baz</option>
</select>

セレクトボックスの、選択されている項目をあらわすセレクタは、

#hoge option:selected

値(1,2,...)を取得するには、

$("#hoge option:selected").val();

表示している文字列(foo,bar,...)の方を取得するには、

$("#hoge option:selected").text();