Discussion :

[nerick]

Bonjour,

Je crée une liste déroulante dans un formulaire avec des données que je récupère dans une base de données par une requête SQL. Ma liste déroulante se charge comme il faut sans aucun problème.

Cependant je souhaite afficher dans un autre champ texte du formulaire l'option actuellement sélezctionnée dans la liste déroulante.Commen faire pour récupérer dans une variable cet élément sélectionné ?

Merci à tous

[yoda7666]

Salut,

Tu stock le résultat de ta liste déroulante dans une variable php que tu met en valeur dans ton champs texte de ton formulaire et le tour est joué

Bon courage

@++

[nerick]

oui je suis d'accord mais comment récupéré cette valeur, ce résultat avant d'envoyer le formulaire avec la méthode POST ?

[Bebel]

oui mais cette solution impose un rechargement, le mieux est d'allé voir du coté du javascript avec un onChange (ou quelque chose comme ca) sur la liste, pour remplir automatiquement ta zone de texte.

[nerick]

ok je vais tenter cela.

Moi je ne peux pas recharger la page !

Merci

[KibitO]

En javascript, sur l'évènement onChange de ta liste déroulante :

Code :

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

1
2
 
onChange="document.getElementById('text').value=this.form.elements['liste'].options[this.form.elements['liste'].selectedIndex].value;

[Traz]

Dans le Javascript:

Code :

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

1
2
3
4
5
6
7
8
function rafraichir(){
   var selecteur = document.test.selecteeee;
   var indice = selecteur.selectedIndex;
 
   // a la fin tu met .text ou .value si tu as mis des values dans tes options ou non !!!
   var leTexte = selecteur.options[indice].text;
   document.test.texteeee.value = leTexte;
}

Dans le HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<form name="test">
<select name="selecteeee" onChange="rafraichir()">
<option>bla</option>
<option>bla</option>
<option>bla</option>
<option>bla</option>
</select>
<input type="text" name="texteeee">
 
</form>

J'ai fait ça vite fait. Je crois que ça devrais fonctionner tu n'as plus qu'à génerer avec PHP !!!
Si tu as encore des problèmes demandes...

[Traz]

En javascript, sur l'évènement onChange de ta liste déroulante :

Code :

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

1
2
 
onChange="document.getElementById('text').value=this.form.elements['liste'].options[this.form.elements['liste'].selectedIndex].value;

trop rapide pour moi !