Obtenez Valeur de dropdowns avec le même nom en utilisant jquery

Question

J'ai quelques dropdowns montré dans ma asp.net demande mvc avec le même nom (par exemple: 5 dropdowns avec le même nom « uniquedropdown ».)

Je dois 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() comme qui renverra uniquement la valeur de la première <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 un Working Demo. ajouter /éditer à l'URL pour voir le code

Answer 2

Utilisez la fonction each pour effectuer une itération sur eux et pousser les valeurs dans un tableau.

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