Wie erhalte ich mit jQuery die Bezeichnung der Auswahloption?

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

Der Wert kann von abgerufen werden $select.val().

Was ist mit dem label?

Gibt es eine Lösung, die in IE6 funktioniert?

Versuche dies:

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

Hallo, gib zuerst eine ID an die Auswahl als

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

dann können Sie das ausgewählte Label folgendermaßen aufrufen:

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

Als Referenz gibt es auch ein sekundäres labelAttribut auf dem Options-Tag:

//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>

Um die Bezeichnung einer bestimmten Option in einem Dropdown-Menü zu erhalten, können Sie Folgendes eingeben:

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

oder

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

Ich fand das hilfreich

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

Beim Zugriff auf den Selektor mit dem thisSchlüsselwort.

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

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

Der 0-Index in der "Option: eq (0)" kann gegen die indizierte Option ausgetauscht werden, die Sie abrufen möchten.

Dies ist hilfreich: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Versuche dies:

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

Dadurch wird der angezeigte Text für beide <option>Elementstile angezeigt :

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

Wenn labeldas Element sowohl ein Attribut als auch Text enthält, wird das labelAttribut verwendet. Dies entspricht dem Verhalten des Browsers.

Für die Nachwelt wurde dies unter jQuery 3.1.1 getestet

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

Erstellt dafür einen funktionierenden Plunker. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

In modernen Browsern benötigen Sie dafür kein JQuery. Verwenden Sie stattdessen

document.querySelectorAll('option:checked')

Oder geben Sie stattdessen ein beliebiges DOM-Element an document

Du schaust nach $select.html()

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