Remplir un champ Input par le label d'un Select

**torrgovin** · 03/01/2011, 10h57

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, 11h44

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, 12h20

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

Dorénavant je le saurais.

Merci Bovino

Remplir un champ Input par le label d'un Select

JavaScript

Discussions similaires

Partager

Partager