jQueryで選択オプションのラベルを取得するにはどうすればよいですか？

<select>
<option value="test">label </option>
</select>

値はによって取得できます$select.val()。

はどうlabelですか？

IE6で機能するソリューションはありますか？

これを試して：

$('select option:selected').text();

こんにちは最初に選択にIDを与えます

<select id=theid>
<option value="test">label </option>
</select>

次に、選択したラベルを次のように呼び出すことができます。

jQuery('#theid option:selected').text()

参考までlabelに、オプションタグにはセカンダリ属性もあります。

//returns "GET THIS" when option is selected
$('#selecter :selected').attr('label'); 

HTML

<select id="selecter">
<option value="test" label="GET THIS">
Option (also called label)</option>
</select>

ドロップダウンで特定のオプションのラベルを取得するには、これをタイすることができます-

$('.class_of_dropdown > option[value='value_to_be_searched']').html();

または

$('#id_of_dropdown > option[value='value_to_be_Searched']').html();

これは役に立ちました

$('select[name=users] option:selected').text()

thisキーワードを使用してセレクターにアクセスする場合。

$(this).find('option:selected').text()

$("select#selectbox option:eq(0)").text()

「option：eq（0）」の0インデックスは、取得するインデックス付きオプションと交換できます。

これは役に立ちます：http : //www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

これを試して：

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

これにより、<option>要素の両方のスタイルで表示されているテキストが引き出されます。

• <option label="foo"><option> -> "foo"
• <option>bar<option> -> "bar"

label要素内に属性とテキストの両方がある場合は、属性を使用しlabelます。これは、ブラウザーと同じ動作です。

後世のために、これはjQuery 3.1.1でテストされました

<SELECT id="sel" onmouseover="alert(this.options[1].text);"
<option value=1>my love</option>
<option value=2>for u</option>
</SELECT>

このために動作するPlunkerを作成しました。 https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

最近のブラウザでは、これにJQueryは必要ありません。代わりに

document.querySelectorAll('option:checked')

または、代わりにDOM要素を指定します document

あなたが探しています $select.html()

http://api.jquery.com/html/