Compter le nombre de données dans un select

nougitch Messages postés 431 Date d'inscription mercredi 22 octobre 2003 Statut Membre Dernière intervention 17 novembre 2008 - 14 août 2007 à 09:22
the_wwt Messages postés 177 Date d'inscription jeudi 5 octobre 2006 Statut Membre Dernière intervention 16 janvier 2009 - 14 août 2007 à 15:54

Bonjour,

J'aimerais savoir s'il est possible de connaître le nombre de données contenues dans un select (le nombre de choix proposé à l'utilisateur), ce de manière dynamique.

Merci par avance.

A voir également:

Écrire une fonction qui compte le nombre de voyelles dans une chaîne de caractères donnée
Vba compter le nombre de caractère dans une chaine - Forum Visual Basic 6
Nombre de semaine dans une année - Forum C / C++ / C++.NET
Parcourir une chaine de caractère en python ✓ - Forum Python
Générateur de nombre ✓ - Forum PHP
Nombre de caractére ✓ - Forum C# / .NET

3 réponses

Réponse 1 / 3

the_wwt Messages postés 177 Date d'inscription jeudi 5 octobre 2006 Statut Membre Dernière intervention 16 janvier 2009 1
14 août 2007 à 10:51

Bonjour,
Tu récupères ton objet select via son id, puis tu lit l'attributs length du tableau des options:
alert( "Il y a " + document.getElementById("monSelect").options.length + " options ;-)") ;

Cdlt,
Pierrick

Réponse 2 / 3

nougitch Messages postés 431 Date d'inscription mercredi 22 octobre 2003 Statut Membre Dernière intervention 17 novembre 2008
14 août 2007 à 12:52

Salut Pierrick,

Merci pour ta réponse.
Seulement, j'utilise deux select qui se vide et remplisse dynamiquement.

Je te glisse mon code, peux-tu me dire stp comment faire un sorte que le "12" et le "0" (respectivement, le nombre de données dans la liste de gauche et de droite) changent dès que l'on modifie l'une des deux listes.

Merci beaucoup par avance.

<HTML>
<HEAD>
<TITLE>Select</TITLE>
<script type="text/javascript">
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function retirer() //~~ retirer de l'autre select ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if ( sel3.selectedIndex >=0 )
{ saisie.value=sel3[sel3.selectedIndex].text;
    {for (var n=sel3.selectedIndex;n<sel3.length-1;n++)
      { sel3[n].text=sel3[n+1].text; }
    sel3.length--; }
    ajout(4); } }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function ajouter() //~~ transférer vers autre select ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if ( sel.selectedIndex >=0 )
{ sel3.length++;
    sel3[sel3.length-1].text=sel[sel.selectedIndex].text;
    supprime();    } }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function choix(liste) //~~ choix d'une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ saisie.value=liste[liste.selectedIndex].text;
var i=liste.selectedIndex;
sel.selectedIndex=i;
sel2.selectedIndex=i;    }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function supprime() //~~ suppression d'une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if (sel.selectedIndex>=0)
{for (var n=sel.selectedIndex;n<sel.length-1;n++)
        { sel[n].text=sel[n+1].text; }
    sel.length--;
    sel2.length--; } }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function deplace(sens) //~~ déplacer une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if (sel.selectedIndex+sens>=0 && sel.selectedIndex+sens<sel.length)
     { var t=sel[sel.selectedIndex+sens].text;
    sel[sel.selectedIndex+sens].text=sel[sel.selectedIndex].text;
    sel[sel.selectedIndex].text=t;
    sel.selectedIndex=sel.selectedIndex+sens; } }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function ajout(appel)   //~~ ajout d'un ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ var adr;
switch (appel) {
    case 0: //__ en tête __
      adr=0;
      break;
    case 1: //__ avant __
      if (sel.selectedIndex<0) return;
      adr=sel.selectedIndex;
      break;
    case 2: //__ après __
      if (sel.selectedIndex<0) return;
      adr=sel.selectedIndex+1;
      break;
    case 3: //__ en fin __
      adr=sel.length;
      break;
    case 4: //__ par ordre alphabétique __
      position(saisie.value);
      adr=sel.selectedIndex;
      break;    }
sel.length++;
for (var n=sel.length-1;n>adr;n--)
      { sel[n].text=sel[n-1].text; }
sel[adr].text=saisie.value;
sel.selectedIndex=adr;
sel2.length++;
sel2[sel2.length-1].text=sel2.length;
sel2.selectedIndex=adr;     }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function chgt(avant,apres,zone) //~~ remplacer caractères génants ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ var reg=new RegExp(avant,"g");
return zone.replace(reg,apres); }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function position(rch) //~~ rechercher ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{   var tmp=rch.toLowerCase();
tmp=chgt("[àäâ]","a",tmp);    // les accents posent
tmp=chgt("[éèêë]","e",tmp);    // un problème de
tmp=chgt("[ïî]","i",tmp);        // classement : en ASCII
tmp=chgt("[ôö]","o",tmp);      // ils sont "après" la lettre
tmp=chgt("[ùûü]","u",tmp);      // "z". le moins et l'espace
tmp=chgt("[- ]","",tmp);        // sont ignorés.
var pos;
for (var n=0;n<sel.length;n++)
      { pos=sel[n].text.toLowerCase();
      pos=chgt("[àäâ]","a",pos);
      pos=chgt("[éèêë]","e",pos);
      pos=chgt("[ïî]","i",pos);
      pos=chgt("[ôö]","o",pos);
      pos=chgt("[ùûü]","u",pos);
      pos=chgt("[- ]","",pos);
      if ( pos >= tmp )
      {   sel.selectedIndex=n;
        n=sel.length; } } }
</script>
</HEAD>

<form name="test">

<center>Rechercher

----

    <select name="sel" id="sel" onclick="choix(this);" onchange="choix(this);" size="10" style="width: 180px;">
   <option>Société Générale</option>
   <option>BNP Paribs</option>
   <option>Crédit Agricole</option>
   <option>Crédit Lyonnais</option>
   <option>Banque Populaire</option>
   <option>Caisse d'Epargne</option>
   <option>Barclays</option>
   <option>ABN Amro</option>
   <option>JP Morgan</option>
   <option>Goldman Sachs</option>
   <option>Merril Lynch</option>
   <option>Morgan Stanley</option>
  </select>

12 donnée(s)
  <script type="text/javascript">
  var sel=document.getElementById("sel");
  var saisie=document.getElementById("saisie");
  </script>
  </select>
  ,
    >" onclick="ajouter();">


  ,
    <select name="sel3" id="sel3" size="10" style="width: 180px;"></select>

0 donnée(s)
  <SCRIPT LANGUAGE="JavaScript">
  var sel3=document.getElementById("sel3");
  </SCRIPT>
  ,

</form>
<SCRIPT LANGUAGE="JavaScript">
alert( "Il y a " + document.getElementById("sel").options.length + " options ;-)") ;
</SCRIPT>
</center>

</HTML>

Réponse 3 / 3

the_wwt Messages postés 177 Date d'inscription jeudi 5 octobre 2006 Statut Membre Dernière intervention 16 janvier 2009 1
14 août 2007 à 15:54

Salut,
disons que ton code n'est pas top top... En pus je ne me prononce pas sous sa compatibilité avec IE.
En effet avec IE pour ajouter des options dynamiquement il faut créer un objet Option.
sel.options[ i ] = new Option("valeur", "text", false, false);

Après pour le nombre de valeurs, a chaque fois tu ajoute ou supprime tu met à jours un champs de type span ou div.

0 données.

function ajouter(){
......
.....
document.getElementById("sel3Length").innerHTML = sel3.options.length;
}

Cdlt,
bon courage,
PS: tu peux trouver des dizaines d'exemples ici ou ailleurs.
Pierrick

Discussions similaires

parcourir une chaîne de caractère lettre par lettre

extraction d'une partie d'une chaine dans une chaine

chaine de caractère

compter le nombre de caractères d'un TextBox

Trouver toutes les positions d'une lettre dans une chaine

Votre réponse

Discussions similaires