Comptage du nombre d'options dans l'élément Select Dom dans JQuery

Question

Comment compter le nombre d'options dans un élément DOM sélectionné en utilisant jQuery.

<select data-attr="dropdown" id="input1"> 
     <option value="Male" id="Male">Male</option> 
     <option value="Female" id="Female">Female</option> 
    </select> 

Comment trouver le numéro de l'étiquette d'options dans l'élément select DOM puisqu'avec que je veux ouvrir le panneau Paramètres avec ce nombre de champs d'entrée avec la valeur d'option correspondante dans la liste déroulante en elle et changer à nouveau dans le panneau Aperçu.

Lorsque la liste déroulante ci-dessus se trouve dans mon panneau de prévisualisation qui est généré par jQuery.

Answer 1

Votre question est un peu déroutant, mais en supposant que vous souhaitez afficher le nombre d'options dans un panneau:

<div id="preview"></div> 

et

$(function() { 
    $("#preview").text($("#input1 option").length + " items"); 
}); 

Je ne sais pas, je comprends le reste de votre question.

Answer 2

La solution W3C:

var len = document.getElementById("input1").length; 

Answer 3

$('#input1 option').size(); 

Cela produira 2.

Voici le travail Fiddle

Answer 4

Ok, j'ai eu quelques problèmes parce que j'étais à l'intérieur d'un

$('.my-dropdown').live('click', function(){ 
}); 

J'ai eu des multiples à l'intérieur de ma page c'est pourquoi j'ai utilisé un cours.

Ma liste déroulante est remplie automatiquement par une demande ajax quand je clique, donc je n'eu le $ élément (ce)

so ...

je devais faire:

$('.my-dropdown').live('click', function(){ 
    total_tems = $(this).find('option').length; 
}); 

Answer 5

Dans une zone d'option de sélection multiple, vous pouvez utiliser $('#input1 :selected').length; pour obtenir le nombre d'options sélectionnées. Cela peut être utile pour désactiver les boutons si un nombre minimum d'options n'est pas atteint.

function refreshButtons() { 
    if ($('#input :selected').length == 0) 
    { 
     $('#submit').attr ('disabled', 'disabled'); 
    } 
    else 
    { 
     $('#submit').removeAttr ('disabled'); 
    } 
} 

Answer 6

Vous pouvez utiliser length propriété et length est meilleur perfomance puis size.

$('#input1 option').length; 

Vous pouvez également utiliser la fonction size comme

$('#input1 option').size(); 

Demo

Answer 7

La meilleure forme est ce

$('#example option').length