Ruft den ausgewählten Wert in einem Dropdown-Feld mit jQuery ab.

Question

Mein HTML ist unten. Ich muss den ausgewählten Wert (Scheduled) mit dem <select> Tag erhalten. Wie kann dies mit jQuery gemacht werden?

<select id="availability" style="display: none;"> 
    <option value="Available">Available</option> 
    <option selected="selected" value="Scheduled">Scheduled</option> 
    <option value="Unavailable">Unavailable</option> 
</select> 

Ich habe ein jQuery("#availability") den select-Tag zu bekommen, aber ich weiß nicht, wie die ausgewählten Optionen Wert zu erhalten.

Answer 1

Versuchen:

jQuery("#availability option:selected").val(); 

oder den Text der Option zu erhalten, verwenden Sie text():

jQuery("#availability option:selected").text(); 

Mehr Info:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Answer 2

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

Dadurch werden Sie den Textwert Ihrer Dropdown-Liste geben. Sie können auch .val() anstelle von .text() verwenden, je nachdem, was Sie suchen. Folgen Sie dem Link zur jQuery-Dokumentation und den Beispielen.

Answer 3

Die obigen Lösungen funktionierten nicht für mich. Hier ist, was schließlich kam ich mit:

$("#ddl").find("option:selected").text();   // Text 
$("#ddl").find("option:selected").prop("value"); // Value 

Answer 4

$('#availability').find('option:selected').val() // For Value 
$('#availability').find('option:selected').text() // For Text 
or 
$('#availability option:selected').val() // For Value 
$('#availability option:selected').text() // For Text 

Answer 5

Ich habe durch alle Antworten oben angegebenen gegangen. Diese ist der einfachste Weg, die ich verwenden, um den ausgewählten Wert aus der Dropdown-Liste zu erhalten

$('#searchType').val() // for the value

Answer 6

Hallo Jungs, ich diese Technik verwenden, um die Werte aus der ausgewählten Dropdown Liste zu bekommen und es funktioniert wie Charme.

var methodvalue = $("#method option:selected").val();