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

Wenn Sie die Option mit einem Wert von 2 erhalten möchten, verwenden Sie

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

---

Wenn Sie die aktuell gewählte Option erhalten möchten, verwenden Sie

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

Answer 2

Es wird nach einem Element mit id gesucht list die eine Eigenschaft hat value gleich 2 .
Was Sie wollen, ist die option Kind des list :

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

Answer 3

Dies funktionierte perfekt für mich, ich war auf der Suche nach einem Weg, um zwei verschiedene Werte mit Optionen von MySQL generiert zu senden, und die folgenden ist generisch und dynamisch:

$(this).find("option:selected").text();

Wie in einem der Kommentare erwähnt. Damit war ich in der Lage, eine dynamische Funktion zu erstellen, die mit allen meinen Auswahlfeldern funktioniert, die ich beide Werte, den Optionswert und den Text, erhalten möchte.

Vor ein paar Tagen bemerkte ich, dass bei der Aktualisierung der jQuery von 1.6 bis 1.9 der Website, die ich diesen Code verwendet, dies aufhören zu arbeiten... wahrscheinlich war ein Konflikt mit einem anderen Stück Code... wie auch immer, die Lösung war zu entfernen Option aus dem find() aufrufen:

$(this).find(":selected").text();

Das war meine Lösung ... verwenden Sie es nur, wenn Sie ein Problem nach der Aktualisierung Ihrer jQuery haben.

Answer 4

Auf der Grundlage des von Paolo geposteten Original-HTML habe ich mir das Folgende ausgedacht.

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

Es wurde getestet, dass es mit Internet Explorer und Firefox funktioniert.

Answer 5

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

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