web-dev-qa-db-fra.com

Comment vérifier le nombre d'options disponibles dans un menu déroulant?

Comment vérifier, avec jQuery, combien d'options existe-t-il dans un menu déroulant?

Merci.

jquerydrop-down-menu
93
Autolycus
var length = $('#mySelectList').children('option').length;

ou

var length = $('#mySelectList > option').length;

Cela suppose que votre liste <select> a un ID de mySelectList.

180
user113716
$("#mydropdown option").length

Ou si vous avez déjà une référence à cela,

$(myDropdown).find("option").length
10
Matti Virkkunen

Utilisez la propriété length ou la méthode size pour déterminer le nombre d'éléments contenus dans une collection jQuery. Utilisez le sélecteur descendant pour sélectionner tous les <option> dans un <select>.

HTML:

<select id="myDropDown">
<option>1</option>
<option>2</option>
.
.
.
</select>

JQuery:

var numberOfOptions = $('select#myDropDown option').length

Et un petit mot, vous aurez souvent besoin de faire quelque chose en même temps pour une chose très spécifique, mais vous devez d'abord voir si la chose très spécifique existe. La propriété length est l'outil parfait . Exemple:

   if($('#myDropDown option').length > 0{
      //do your stuff..
    }

Cela "se traduit" par "Si l'élément avec ID = myDropDown a une option" descendante ", faites ce que vous devez faire.

7
Adam

Cliquez ici pour voir un précédent post à ce sujet

En gros, ciblez simplement l'ID de la sélection et procédez comme suit:

var numberOfOptions = $('#selectId option').length;
5
Munzilla
$('#idofdropdown option').length;

Ça devrait le faire.

4
Rob Stevenson-Leggett

Obtenir le nombre d'options dans un élément sélectionné particulier

$("#elementid option").length
4
Shaji
alert($('#select_id option').length);
3
fantactuka
$('#dropdown_id').find('option').length
3
second
$('select option').length;

ou

$("select option").size()
3
nicholasklick

Avec du javascript pur, vous pouvez simplement appeler la longueur sur l'id de la zone de sélection. Ce sera plus rapide. Typiquement, avec tout ce que javascript natif fonctionne de mieux en mieux avec les navigateurs modernes 

Ceci peut être réalisé en javascript par 

     var dropdownFilterSite = document.querySelector( '#dropDownId' );  //Similar to jQuery

var length = dropdownFilterSite.length.

Bon site pour apprendre 

www.youmightnotneedjquery.com

Une bonne vidéo à regarder par Todd Motto 

https://www.youtube.com/watch?v=pLISnANteJY

0
Vatsal