obtenir la valeur actuelle sélectionnée dans la liste déroulante à l'aide de jQuery

Question

J'ai un ensemble de listes déroulantes générées dynamiquement sur ma page. En gros, je les clone en utilisant jquery. Maintenant, je veux capturer la valeur sélectionnée sur chaque liste déroulante lors d'un événement de changement.

J'ai essayé quelque chose comme ça qui n'a pas fonctionné.

 $('._someDropDown').live('change', function(e) {
            //debugger;
            var v = $(this);
            alert($(this + ':selected').val());
            alert($(this).val());
        });
 

Comment puis-je le faire?

Answer 1

Pour obtenir le texte de l'option sélectionnée

 $("#your_select :selected").text();
 

Pour obtenir la valeur de l'option sélectionnée

 $("#your_select").val();
 

Answer 2

C'est ce dont tu as besoin :)

 $('._someDropDown').live('change', function(e) {
    console.log(e.target.options[e.target.selectedIndex].text);
});
 

Pour une nouvelle utilisation jQuery on

 $(document).on('change', '._someDropDown', function(e) {
    console.log(this.options[e.target.selectedIndex].text);
});
 

Answer 3

 $("#citiesList").change(function() {
    alert($("#citiesList option:selected").text());
    alert($("#citiesList option:selected").val());              
});
 

citiesList est l'id du tag sélectionné

Answer 4

Check it Out ->

Pour obtenir du texte

 $("#selme").change(function(){
 $(this[this.selectedIndex]).text();
});
 

Pour obtenir de la valeur

 $("#selme").change(function(){
 $(this[this.selectedIndex]).val();
});
 

Answer 5

Pour obtenir la valeur d'un élément déroulant (select), utilisez simplement val ().

 $('._someDropDown').live('change', function(e) {
  alert($(this).val());
});
 

Si vous voulez le texte de l'option sélectionnée, utilisez ceci:

 $('._someDropDown').live('change', function(e) {
  alert($('[value=' + $(this).val() + ']', this).text());
});