Actualiser <input type"text" d'après <select

Version imprimable

21/02/2006, 14h15
Scratchy

Actualiser <input type"text" d'après <select

Bonjour,

voila le code que j'ai en ce moment:

Citation:

<FORM name="formselect">
<SELECT name="liste" size=1>
<OPTION value="valeur ligne 1">Libellé ligne 1</OPTION>
<OPTION value="valeur ligne 2">Libellé ligne 2</OPTION>
</SELECT>

Valeur d'une ligne
<INPUT type="button" value="Voir value" onClick="alert('Value de la ligne sélectionnée : '+this.form.elements['liste'].options[this.form.elements['liste'].selectedIndex].value)">
</FORM>

Mais j'aimerai afficher la value directement dans un <input type"text" par exemple, est-ce possible?
Et comment la mettre à jour en temps réel lorsque l'on modif le select ?

Merci d'avance pour vos réponses

Cordialement

Salut !

Quelquechose dans ce style?

Code:

1
2
3
4
5
6
7
8
9
10
11
<FORM name="formselect">
<SELECT name="liste" size=1 onchange="document.getElementById('valueSelect').value=this.options[this.selectedIndex].value">
<OPTION value="valeur ligne 1">Libellé ligne 1</OPTION>
<OPTION value="valeur ligne 2">Libellé ligne 2</OPTION>
</SELECT>
 
Valeur d'une ligne
<INPUT type="button" value="Voir value" onClick="alert('Value de la ligne sélectionnée : '+this.form.elements['liste'].options[this.form.elements['liste'].selectedIndex].value)">
 
<input type="text" id="valueSelect" />
</FORM>

21/02/2006, 14h51
Scratchy

Oui, exactement ce que je voulais merci.

J'aurais une autre question en rapport à celle la.

J'ai plusieurs <select> et j'aimerai les mettre à jour dans le <input type="text" à la suite:

Citation:

<FORM name="formselect">
<SELECT name="liste" size=1 onchange="document.getElementById('valueSelect').value=this.options[this.selectedIndex].value">
<OPTION value="valeur ligne 1">Libellé ligne 1</OPTION>
<OPTION value="valeur ligne 2">Libellé ligne 2</OPTION>
</SELECT>
<SELECT name="liste2" size=1 onchange="document.getElementById('valueSelect2').value=this.options[this.selectedIndex].value">
<OPTION value="valeur ligne 3">Libellé ligne 1</OPTION>
<OPTION value="valeur ligne 4">Libellé ligne 2</OPTION>
</SELECT>

<input type="text" id="valueSelect" />
</FORM>

Es-ce possible de mettre à jour les 2 valeurs des selects dans le 'text' ? Pour donner le resultat suivant:
valeur ligne 1-valeur ligne 3

Merci encore pour votre aide précieuse et de surcrois super rapide :)

cordialement
21/02/2006, 14h55
denisC

Citation:

Envoyé par Scratchy

J'ai plusieurs <select> et j'aimerai les mettre à jour dans le <input type="text" à la suite:

Les concatener?

De quelle façon? Toujours le premier devant? Ou le plus récent devant?

Précise un peu ce que tu veux faire.....
21/02/2006, 15h01
Scratchy

Oui toujours le 1er devant ensuite mettre un '-' (tiret) ou autre puis ajouter la value du select n°2.

J'espere que je suis clair :oops:

Merci d'avance