Remplir un champ Input par le label d'un Select

Version imprimable

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

Code:

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

03/01/2011, 10h44
Bovino

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:

inserer('txt',this.options[this.selectedIndex].getAttribute('label'));
03/01/2011, 11h20
torrgovin

D'accord, c'est un attribut.
Merci ça fonctionne :) Dorénavant je le saurais.

Merci Bovino :ccool: