jQueryでセレクトボックス(selectタグ)の値の取得と設定

値の取得

下のコードにあるセレクトボックスで選択された値をjQueryで取得するには、 $(‘#gengo’).val()で取得できる。これで、選択している要素の値を取得。

<select id="gengo">
	<option value="meiji">明治</option>
	<option value="taisho">大正</option>
	<option value="shouwa">昭和</option>
	<option value="heisei" selected>平成</option>
</select>

値の設定

また、セレクトボックスを設定するには、$(‘#gengo’).val(‘meiji’)のように値にするとできる。

サンプルプログラム
セレクトボックスでは、selectのoptionで選択している値（value）を取得して値（value）を表示、ボタンでは、セレクトボックスの選択項目の変更をします。