web-dev-qa-db-fra.com

Comment compter le nombre de balises d'options en utilisant jQuery?

J'ai une question sur la façon de calculer le nombre de balises d'options lorsque j'ai plusieurs cases de sélection avec la même classe et le même identifiant?

Disons que j'ai trois cases de sélection. Et je veux la taille de la zone de sélection, afin de pouvoir ajouter dynamiquement une nouvelle zone de sélection avec les mêmes options:

<select id="selectid" class="selectclass">
    <option>1</option>
    <option>2</option>
</select>

<select id="selectid" class="selectclass">
    <option>1</option>
   <option>2</option>
</select>

<select id="selectid" class="selectclass">
    <option>1</option>
    <option>2</option>
</select>
jqueryhtmlcounthtml-select
18
Maverick

avec jquery:

pour un select donné avec un id:

$('select#selectid option').length

pour tout selects avec une classe donnée:

$('select.selectclass option').length

pour tous selects dans la page:

$('select option').length

mais vous devez donner des identifiants différents à chaque élément d'une page html

63
manji

Les ID de balise sont censés être uniques à un document. Prévoyez-vous de les avoir tous dans l'arborescence des documents en même temps?

1
James

J'ai trouvé que j'obtenais des résultats plus cohérents en utilisant la méthode JQuery children(), c'est-à-dire,

$('.productDetail_variant select').each(function() {
      var currSelectValue = $(this).children();
      alert(currSelectValue.length);
});
1
Si Davies