Obtenir la valeur sélectionnée de l'élément d'une liste déroulante en utilisant jQuery

Question

Comment obtenir la valeur sélectionnée d'une liste déroulante à l'aide de jQuery ?
J'ai essayé d'utiliser

var value = $('#dropDownId').val();

y

var value = $('select#dropDownId option:selected').val();

mais les deux retournent une chaîne vide.

Answer 1

Pour les éléments de domaine à sélection unique, pour obtenir la valeur actuellement sélectionnée :

$('#dropDownId').val();

Pour obtenir le texte actuellement sélectionné :

$('#dropDownId :selected').text();

Answer 2

var value = $('#dropDownId:selected').text()

Cela devrait fonctionner correctement, voir cet exemple :

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />

Answer 3

Essayez ce jQuery,

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

ou ce javascript,

 var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

Si vous avez besoin d'accéder à la valeur et non au texte, essayez d'utiliser l'option val() au lieu de text() .

Consultez les liens ci-dessous pour les violons.

Démo1 | Démo2

Answer 4

Essayez ceci

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

Answer 5

Ceci fera l'affaire

$('#dropDownId').val();