2

option要素の値だけでなく、label属性の値も取得しようとしています。それを行う方法について何かアイデアはありますか？私は現在、オプションの値を取得するためにこれ（インライン）を使用しています：

$('select :selected').html();

私の選択は次のようになります。

<select>
<option value="John Smith" label="JS">John Smith</option
</select>

何か案は？私はこの30分ほどを探していて、いくつかの解決策が近づいていますが、ラベルの価値を探している人を見つけることができません。

これが私の質問に答えると思ったものですが、少し違うものを求めていたと思います。-jQueryで選択オプションのラベルを取得するにはどうすればよいですか？

前もって感謝します！

4

1 に答える 1

2

これを試して

$('select option:selected').attr('label');

使用.html()しているのは、オプション内のコンテンツを指定するだけです//John Smith

代わりにlabel属性にアクセスする必要があります。

代わりにdata-*属性を使用してください。これlabel attributeは、オプションには無効です。

<select>
  <option value="John Smith" data-label="JS">John Smith</option>
</select>

そして、javascriptから以下を使用してデータを取得します。

$('select option:selected').attr('data-label');

または代わりに

$('select option:selected').data('label');

$('select option:selected').val();  // Get's the value..

デモをチェック

于 2012-10-11T21:49:20.123 に答える