X

jquery selectタグの選択されているテキストを取得する

jqueryネタの開発備忘録です。

jqueryを使用してselectタグで選択されているテキストの値を取得する方法が
すぐに分からなかったので調べた結果をメモしておきます。

結論から言うと、
:selected
を使います。

使い方は、

<select id='selectTest'>
  <option value='A'>表示A</ option>
  <option value='B'>表示B</ option>
  <option value='C'>表示C</ option>
  <option value='D'>表示D</ option>
  <option value='E'>表示E</ option>
</ select>

と、なっている場合

alert($('#selectTest').children(':selected').text());

とすることで、表示Aとか表示Bというテキスト値を取得できます。
とりあえず、アラートで表示していますが、適当に代入してください。

ちなみに、普通にvalueの値が欲しい時は、

alert($('#selectTest').val());

ですからね。

あと、selectで複数選択可能のテキスト値の取得の仕方ですが、eachを使用して回して取得します。
具体的には、

$('#selectTest').children(':selected').each(function(){
  alert($(this).text());
});

です。

以上、簡単に説明しました。。。

itsysgroup:
Related Post