Discussion :

[yocef55]

Bonjour à tous,
s'il vous plait j'ai deux formulaire,le premier dont j'ai un bouton pour afficher le deuxième formulaire(Popup) qui contient une liste des valeurs ,je veux quand je clique sur une valeur du deuxième formulaire cella ci s'affiche dans un champ texte dans le premier formulaire alors comment faire s'il vous plait.
Merci beaucoup d'avance

[headmax]

On peu voir tes formulaires en question et les actions événementiels que tu souhaite sur les éléments html expliqué de façon plus explicite.
Merci

[eddynamique]

Bonjour yocef55,

Comme l'a dit headmax, il serait plus simple d'avoir le code HTML de tes deux formulaires..

le premier dont j'ai un bouton pour afficher le deuxième formulaire(Popup)

Comment s'implémente t'as popup ? Est une page distinct (nouvelle page dans ton navigateur) ou alors une "popup maison" sous form d'une <div> qui vient se superposer au reste de ta page ?

Si tu es dans ce deuxième cas, tu avoir dans ton premier formulaire un champs texte du style :

Code :

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

<input type="text" id="monChampTexte" />

et dans ton deuxième formulaire une liste déroulante (je pense que c'est ce que tu veux dire part "liste de valeur") du style :

Code :

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

1
2
3
4
<select id="listeDeValeur">
  <option value="valeur1">valeur1</option>
  <option value="valeur2">valeur1</option>
</select>

Alors il te faut créer une fonction Javascript qui va récupérer la valeur sélectionnée dans la liste déroulante et l'insérer dans ton champs texte.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
   function selectlistToTextField(idSelectList, idTextField){
        // on récupère la liste déroulante
        var listeDeroulante = document.getElementById(idSelectList);
        // on récupère la valeur sélectionnée 
        var valeur = listeDeroulante.options[listeDeroulante.selectedIndex].value;
        // on l'insère dans le champ de texte
        var champTexte = document.getElementById(idTextField);
       champTexte.value  = valeur;
   }

Ensuite dans le code HTML de ta liste déroulante, il faut appeler cette fonction JS à l'évenement onClick (ou autre à toi de voir) :

Code :

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

1
2
3
4
<select id="listeDeValeur" onclick="selectlistToTextField(this.id,'monChampTexte')">
  <option value="valeur1">valeur1</option>
  <option value="valeur2">valeur1</option>
</select>

Voilà je pense que ça peut t'avancer..

A+