jQuery erhalten spezifische Option Tag Text

Question

Na gut, sagen wir, ich habe das hier:

<select id='list'>
    <option value='1'>Option A</option>
    <option value='2'>Option B</option>
    <option value='3'>Option C</option>
</select>

Wie würde der Selektor aussehen, wenn ich "Option B" erhalten möchte, wenn ich den Wert "2" habe?

Bitte beachten Sie, dass es hier nicht um die Frage geht, wie man die ausgewählt Textwert, sondern ein beliebiger davon, ob ausgewählt oder nicht, je nach Wertattribut. Ich habe es versucht:

$("#list[value='2']").text();

Aber es funktioniert nicht.

Answer 1

$("#list option:selected").each(function() {
   alert($(this).text());
});  

für mehrere ausgewählte Werte in der #list Element.

Answer 2

Versuchen Sie das Folgende:

$("#list option[value=2]").text();

Der Grund, warum Ihr ursprüngliches Snippet nicht funktioniert hat, ist, dass Ihr OPTION Tags sind Kinder Ihrer SELECT Tag, das die Eigenschaft id list .

Answer 3

Dies ist eine alte Frage, die seit einiger Zeit nicht mehr aktualisiert wurde. Der korrekte Weg, dies jetzt zu tun, wäre die Verwendung von

$("#action").on('change',function() {
    alert($(this).find("option:selected").text()+' clicked!');
});

Ich hoffe, das hilft :-)

Answer 4

$(this).children(":selected").text()

Answer 5

Ich wollte das ausgewählte Etikett erhalten. Dies funktionierte für mich in jQuery 1.5.1.

$("#list :selected").text();