Select Options récuperer le text avec la value

Version imprimable

Bonjour,

Après avoir lu les cours javascript sur les select j'essai de :

trouver le texte de l'option en connaissant sa valeur.

J'ai un select :
Code:

1 2 3 4 5 6 7 8 <select name="select"> <option select>Sélectionner un langage</option> <option value="1">Javascript</option> <option value="2">Phtml</option> <option value="3">Ajax</option> <option value="4">Jquery</option> </select>
et une script :
Code:

1 2 3 4 5 function connaitre_text(value) { select = document.getElementByName('select'); text = select.options[select.option[value]].text; }
Par exemple si je lance la fonction connaitre_text(2), la variable text sera égale à Phtml

Quelqu'un pourrais m'aider à trouve ce qu'il faut mettre pou que la vaiable text récupère le bon texte du select.

Merci d'avance

Salut

Code:

select = document.getElementByName('select');

Tout d'abord, donner comme name "select" à un élément select et l'affecter à une variable "select", c'est pas terrible... surtout sans utiliser le mot clé var (voir la FAQ à ce sujet)
Ensuite, getElementByName n'existe pas, c'est getElementsByName qui renvoie une collection, tu ne peux donc récupérer un élément qu'en précisant le rang de celui que tu cherches.
Une meilleure solution serait de passer par un id :
Code:

1 2 3 4 5 6 7 <select id="mon_choix"> <option selected="selected">Sélectionner un langage</option> <option value="1">Javascript</option> <option value="2">Phtml</option> <option value="3">Ajax</option> <option value="4">Jquery</option> </select>
et
Code:

1 2 3 4 function connaitre_text(value) { var choix = document.getElementById('mon_choix'); le_text = choix.options[choix.options[value]].text; }

Code:

1
2
3
4
5
 
function connaitre_text(value) {
    var choix = document.getElementById('mon_choix');
    le_text = choix.options[choix.options[value]].text; 
}

Ca ne va pas, on est obligé de passer par une boucle... :

Code:

1
2
3
4
5
6
7
8
9
10
 
function connaitre_text(value) {
    var choix = document.getElementById('mon_choix');
    var le_texte = null;
    for(var i=0,size=choix.options.length;i<size;i++) {
      if(choix.options[i].value == value) {
       le_texte = choix.options[i].text;
      }
    }
}

29/09/2009, 21h59
night_flyers

Merci bovino pour les conseils, j'ai appris sur le tas donc je fais assez souvent des erreurs et le temps de débugage est plus long.

gwyohm : Merci beaucoup sa marche très bien.

Citation:

Envoyé par gwyohm

Ca ne va pas, on est obligé de passer par une boucle...

Code:

1
2
3
4
5
6
7
<select id="mon_choix" onchange="connaitre_text(this.selectedIndex)">
        <option selected="selected">Sélectionner un langage</option>
        <option value="1">Javascript</option>
        <option value="2">Phtml</option>
        <option value="3">Ajax</option>
        <option value="4">Jquery</option>
</select>

Code:

1
2
3
4
function connaitre_text(value) {
    var choix = document.getElementById('mon_choix');
    le_text = choix.options[value].text; 
}