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

Comment puis-je obtenir la valeur sélectionnée d'une liste déroulante en utilisant jQuery ? J'ai essayé d'utiliser

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

et

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

mais les deux renvoient une chaîne vide.

Arslan Ali
Question modifiée 14 mai 2015 в 9:17
Programmation
jquery
6 mai 2010 в 11:08
11 vues
Solution

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();
Peter McG
Réponse modifiée 6 mai 2010 в 8:35
Commentaires (9)
 
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">
  Test 1
  Test 2
Ajay2707
Réponse modifiée 1er juillet 2015 в 5:48
Commentaires (2)

Avez-vous fourni un id à votre select-element ?

<select id='dropDownId'> ...

Votre première déclaration devrait fonctionner !

Commentaires (0)