SELECT : récupérer index en fonction d'un valeur

Version imprimable

30/09/2010, 23h25
denisc15

SELECT : récupérer index en fonction d'un valeur
Bonjour,

Je rencontre un problème qui semble à la fois facile, mais que je n'arrive pas à résoudre. Et le contourner semble très complexe.

J'ai tout simplement un select, avec des valeurs et des textes.
Code:

1 2 3 4 5 6 <select id=""monselect"> <option value="123">merle</option> <option value="245">truite</option> <option value="62">lapin</option> ... </select>
Quelquepart dans mon script, je récupère une variable texte var_txt qui contient soit "merle", soit "truite" ...
Je cherche à connaitre la valeur de l'index qui correspond à cette chaine :
merle : 0
truite : 1
lapin : 2
etc ...
je sais que je dois partir ce ça :

var_txt=document.getElementById('monselect').options[ii].value;

Mais j'ai beau me faire des noeuds au cerveau, je n'arrive pas à exprimer ii en fonction de var_txt...
01/10/2010, 07h24
vermine

Bonjour,

J'aurais bêtement envie de récupérer le <select>, d'en parcourir ses <option> et à chaque itération de vérifier le .text. Si c'est celui que vous cherchez, alors vous avez votre .value.

Bonjour,

L'itération me parait également une bonne solution

Code:

1
2
3
4
5
6
7
8
9
 
 function test(chaine) {
    var nb   = document.getElementById('monselect').options.length;
    while(nb-- >0) {
        if(document.getElementById('monselect').options[nb].text === chaine) {
      	  return(nb);
        }
    }		  
}

01/10/2010, 08h34
Bovino

Code:

<select id=""monselect">

Il faudra aussi supprimer le guillemet en trop :)

Citation:

Envoyé par hotline

Bonjour,

L'itération me parait également une bonne solution

Code:

1
2
3
4
5
6
7
8
9
 
 function test(chaine) {
    var nb   = document.getElementById('monselect').options.length;
    while(nb-- >0) {
        if(document.getElementById('monselect').options[nb].text === chaine) {
      	  return(nb);
        }
    }		  
}

Merci hotline
Ben oui, c'est simple avec l'itération ... comme quoi on manque parfois de lucidité !!!
Voici ma fonction finale qui fonctionne bien :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
function getindexfromvalue(chaine,monselect) {
    var nb = document.getElementById(monselect).options.length;
    var iz=0;
    var nindex=0;
    while(iz<nb) 
        {
         if(document.getElementById(monselect).options[iz].value === chaine) 
             {
              nindex=iz;
              }
        iz++;
    }
    return nindex;
}

Je passe par la variable nindex car il doit me renvoyer un zéro s'il ne trouve pas l'élement dans la liste