web-dev-qa-db-fra.com

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

Mon HTML est ci-dessous. J'ai besoin d'obtenir la valeur sélectionnée (Scheduled) à l'aide de la balise <select>. Comment cela peut-il être fait avec 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.

jqueryjquery-selectors
32
bragboy

Essayer:

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

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

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

Plus d'informations:

57
Sarfraz

Les solutions ci-dessus ne fonctionnaient pas pour moi. Voici ce que j'ai finalement trouvé:

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

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

8
JasCav
$('#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
3
Nakendra Pun

Bonjour les gars, j'utilise cette technique pour obtenir les valeurs de la liste sélectionnée dropdown et cela fonctionne comme un charme.

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