Wie bekomme ich Label von select Option mit jQuery?

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

Den Wert kann abgerufen werden, indem $select.val().

Was über die label?

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

Kommentar zu dem Problem - Öffnen
Du meinst, wie man den Wert ausgewählt wird, der ausgewählte Wert ? das ist in Ihrem Fall label ? Kommentarautor: ant
Diese Frage sollte umformuliert zu sagen: "Wie man text wählen Sie die option mit jQuery?", und alle Verweise auf label sollte ersetzt werden, mit text, um Verwechslungen zu vermeiden mit dem label-Attribut. Kommentarautor: Joel Davis

InformationsquelleAutor der Frage user198729 | 2010-02-01

  1. 197

    Versuchen Sie dies:

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

    InformationsquelleAutor der Antwort Sergey Kuznetsov

  2. 14

    Hi erstmal geben, eine id zu wählen als 

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

    dann können Sie rufen Sie die ausgewählte label so:

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

    InformationsquelleAutor der Antwort open-ecommerce.org

  3. 7

    Zur Referenz gibt es auch eine sekundäre label - Attribut für das option-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>

    InformationsquelleAutor der Antwort kingPuppy

  4. 4

    Um die Bezeichnung einer bestimmten option in einer dropdown-yo kann ty -- 

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

    oder

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

    InformationsquelleAutor der Antwort Snigdha Batra

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

    Der Indexposition 0 in der "option:eq(0)" ausgetauscht werden kann, je nachdem, in welcher indiziert option, die Sie möchten, abrufen.

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

    InformationsquelleAutor der Antwort eugene

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

    InformationsquelleAutor der Antwort meo

  7. 0

    Versuchen Sie dies:

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

    Diesem heraus der angezeigte text für beide Arten der <option> Elemente:

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

    Wenn Sie sowohl eine label Attribut und text in dem element, das Sie verwenden werden, die label - Attribut, das ist das gleiche Verhalten wie der browser.

    Für die Nachwelt, dies wurde getestet unter jQuery 3.1.1

    InformationsquelleAutor der Antwort amphetamachine

  8. 0

    Erstellten arbeiten Plunker.
    https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen
    $('#console').append("<br/>"+$('#test_s :selected').text())

    InformationsquelleAutor der Antwort itwasnoteasy

  9. -1

    Du suchst $select.html()

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

    InformationsquelleAutor der Antwort Guillaume Flandre

Schreibe einen Kommentar