Récupérez la valeur sélectionnée dans une liste déroulante à l'aide de jQuery.

Question

Mon HTML est ci-dessous. J'ai besoin d'obtenir la valeur sélectionnée (Scheduled) en utilisant l'étiquette <select>. Comment cela peut-il être fait en utilisant jQuery?

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

J'ai fait un jQuery("#availability") pour obtenir la balise select, mais je ne sais pas comment obtenir la valeur des options sélectionnées.

Answer 1

Essayez:

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

Ou pour obtenir le texte de l'option, utilisez text():

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

Plus d'info:

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

Answer 2

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

Cela vous donnera la valeur de texte de votre liste déroulante. Vous pouvez également utiliser .val() au lieu de .text() en fonction de ce que vous cherchez à obtenir. Suivez le lien vers la documentation et les exemples de jQuery.

Answer 3

Les solutions ci-dessus n'ont pas fonctionné pour moi. Voici ce que je suis finalement arrivé avec:

$("#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

Je suis passé par toutes les réponses fournies ci-dessus. C'est la meilleure façon que je l'habitude d'obtenir la valeur sélectionnée dans la liste déroulante

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

Answer 6

Bonjour les gars J'utilise cette technique pour obtenir les valeurs de la liste déroulant sélectionné et il travaille comme le charme.

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