Obtenir la valeur de listes déroulantes portant le même nom en utilisant jquery

Question

J'ai quelques dropdowns affichés dans mon application asp.net mvc avec le même nom (disons : 5 dropdowns avec le même nom 'uniquedropdown').

J'ai besoin d'obtenir toutes les valeurs sélectionnées des listes déroulantes avec le même nom en utilisant jquery.

Comment l'obtenir ?

Answer 1

Vous ne pouvez pas utiliser $('select[name="uniquedropdown"]').val() car cela ne renverra que la valeur du premier <select> dans la page.

Pour obtenir un tableau de valeurs

var values = $.map($('select[name="uniquedropdown"]'), function (e) {
                 return $('option:selected', e).val();
             });

ou

var values = $.map($('select[name="uniquedropdown"]'), function (e) {
                 return $(e).val();
             });

Voici une Démonstration de travail . ajouter /edit à l'URL pour voir le code

Answer 2

Utilisez la fonction each pour les parcourir et placer les valeurs dans un tableau.

 var selected = [];
 $('#uniquedropdown').each( function() {
     selected.push( $(this).val() );
 });