Remplir un champ Input par le label d'un Select [Résolu]

torrgovin · 03/01/2011, 09h57

Bonjour,
Je voulais avoir l'aide de quelqu'un sur mon petit script.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<title>Champ texte remplissable par liste déroulante</title>
 
<script>
        function inserer(textarea, str) {
                if(typeof textarea=="string") { 
                        textarea = document.getElementById(textarea); 
                }
                textarea.value = str;
        }
</script>
</head>
<body>
  <textarea id="txt"></textarea>
  <form>
    <select name="nom" size="1" onchange="inserer('txt',this.form.nom.label)">
      <option label="Lundi 2 Janvier" value="lundi">lundi</option>
      <option label="Mardi 5 Janvier" value="mardi">mardi</option>
      <option label="test" value="mercredi">mercredi</option>
      <option label="test" value="jeudi">jeudi</option>
      <option label="test" value="vendredi">vendredi</option>
    </select>
  </form>
</body>
</html>

Je voudrais remplir le input par le label de l'option du Select.
('txt',this.form.nom.label) si je remplace le label par value, sa fonctionne, le input prend la valeur du value, mais si je mets label, sa ne veut pas ... Est-ce que c'est interdit ce que j'ai fais ?

Merci à vous

Bovino · 03/01/2011, 10h44

Citation:

Envoyé par torrgovin

Est-ce que c'est interdit ce que j'ai fais ?

Interdit pas vraiment, mais en tout cas pas possible de procéder comme ça.
Ce qu'il faut comprendre, c'est que lors de la construction de la page, le DOM JavaScript se construit en créant des liens entre les éléments HTML, leurs attributs standards et leur représentation en tant qu'objets JavaScript.
Le cas des select est un peu spécial car la propriété value de l'objet JavaScript correspondant se met automatiquement à jour avec le value de l'option sélectionnée.
Dans ton cas, l'attribut "label" n'est pas standard pour une balise option (ou autre) car cet attribut n'existe pas en xhtml. Du coup, aucun lien n'est créé entre le DOM JavaScript et le HTML et encore moins avec la balise select.
Tu devras donc récupérer la valeur de cet attribut (et non pas la valeur de la propriété JavaScript correspondante comme tu le fais avec value) pour la balise option sélectionnée :

Code :

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

inserer('txt',this.options[this.selectedIndex].getAttribute('label'));

torrgovin · 03/01/2011, 11h20

D'accord, c'est un attribut.
Merci ça fonctionne

Dorénavant je le saurais.

Merci Bovino

03/01/2011, 11h20	#3
torrgovin Membre à l'essai Inscription : décembre 2009 Messages : 60 Détails du profil Informations forums : Inscription : décembre 2009 Messages : 60 Points : 20 Points : 20	D'accord, c'est un attribut. Merci ça fonctionne Dorénavant je le saurais. Merci Bovino
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email