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

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

InformationsquelleAutor bragboy | 2010-08-18
  1. 57

    Essayer:

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

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

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

    Plus D'Infos:

    • Je pense que jQuery peut reconnaître ce qui est sélectionné, même sans en préciser le sélecteur option:selected. Ce serait trop de travail: $("#disponibilité").val();
    • Pouvez essayer trop $("select[id='availability'] option:selected").val();
    InformationsquelleAutor Sarfraz
  2. 11

    Les solutions ci-dessus ne fonctionne pas pour moi. Voici ce que j'ai finalement venu avec:

    $( "#ddl" ).find( "option:selected" ).text();           //Text
$( "#ddl" ).find( "option:selected" ).prop("value");    //Value
    • +1 pour une autre façon
    InformationsquelleAutor Mahdi
  3. 8
    $("#availability option:selected").text();

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

    • j'ai édité la question. excuses
    InformationsquelleAutor JasCav
  4. 5

    Je suis passé par toutes les réponses fournies ci-dessus.
    C'est la façon la plus simple que j'ai utilisé pour obtenir la valeur sélectionnée dans la liste déroulante

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

    • Merci. Dirait qu'il travaille pour val() mais pas text()
    InformationsquelleAutor minura
  5. 3
    $('#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
    • Bienvenue sur StackOverflow! Pourriez-vous expliquer ce que fait le code?
    InformationsquelleAutor Nakendra Pun
  6. 0

    Bonjour les gars, je suis en utilisant cette technique pour obtenir les valeurs de la déroulant liste et il fonctionne comme un charme.

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