Discussion :

[night_flyers]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Salut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[gwyohm]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
      }
    }
}

[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.

[Bovino]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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