jquery セレクトボックスの選択された値やテキストを取得する方法

更新:2017.9.7

目次

値を取得する対象のHTML

サンプルコードで使用するHTMLになります。

idを使って、値の取得や設定をしてみたいと思います。

<select id='hogeselect'>
<option value="1">A</option>
<option value="2">B</option>
</select>

selectタグのテキストを取得する方法

現在、選択されている値(value)を取得することができます。

$('#hogeselect').val();

selectタグのテキストを取得する方法

書き方その1

$('#hogeselect option:selected').text();

書き方その2

$('#hogeselect').children(':selected').text():

どちらの方法でも、結果として選択されているテキストを取得することができます。

この例の場合では、AかBのどちらか選ばれている方が取得できます。

セレクトする場合

逆にjqueryで選択させたい場合は、下記のように書くと実現できます。

$('#hogeselect').val("2");

このコードでは、valueが2の選択肢が選ばれます。

IT関係関連記事











これからブログなどのサイトを作りたいと思っている人は、お名前.comでのドメイン取得がオススメです。

■□━━ 急げ、ドメインは早い者勝ち! ━━□■
     ■お名前.com

アマゾンの2019年本屋大賞一覧

そして、バトンは渡された
ひと
ベルリンは晴れているか
熱帯
ある男

楽天市場のおすすめ商品一覧

お金2.0 新しい経済のルールと生き方 [ 佐藤航陽 ]
全部レンチン!やせるおかず 作りおき 時短、手間なし、失敗なし
「読む力」と「地頭力」がいっきに身につく 東大読書 [ 西岡 壱誠 ]