Discussion :

[Baldy]

Bonjour

Je voudrais réaliser la chose suivante :
J'ai une liste déroulante remplie via une requête à une BDD. Lorsque l'utilisateur fait un choix dans cette liste, je voudrais afficher un formulaire classique (champs texte) avec pour valeurs les informations liées au choix précédent.

De manière pratique, je charge dans ma liste le nom d'une personne avec pour valeur dans le OPTION l'ID correspondant à ce nom. Puis une fois ce nom choisi, les champs textes se remplissent des autres informations (Prenom, age, ...) correspondant à ce nom.

J'espère avoir été assez clair.

Merci de votre aide.

[Socki]

Bonjour,

Tu peux faire en sorte que tous les champs soient présents dans ton formulaire (tu les caches au début) mais qu'en fonction de ta liste déroulante tu affiches ce qui t'intéresse.

Socki

[Baldy]

Pour afficher le formulaire la première fois je pense que ça me posera pas de soucis (avec un display = block ça devrait faire l'affaire).

Le soucis viens surtout de la partie suivante, pouvoir modifier les informations à chaque changement dans la liste du début ...

[Socki]

Ce que j'ai fait c'est de rechercher avec un évènement onChange si ta liste déroulante à été changée et après tu vérifie si "..." est sélectionné faire "..." etc.

[Baldy]

OK j'ai compris le principe, si on fais un choix dans la liste, cela implique un OnChange et à ce moment la on modifie les valeurs.

Mais bon ça ne m'aide pas tellement. Il faut que dans ce cas je fasse une requête SQL pour sélectionner la ligne de données correspondante dans ma BDD. Comment faire pour effectuer cette requête et ensuite reprendre son résultat alors qu'on est censé être dans du JS?

[Socki]

Personnellement je n'utilise pas du tout sql, dans mon formulaire je fais :

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
<script type="text/javascript"> 
	_spBodyOnLoadFunctionNames.push("MaFonction");
 
        function MaFonction() {
               		FonctionRechercheListeDeroulante().onchange = function() {AfficheElements()};
        }
 
        function FonctionRechercheListeDeroulante() {
                        //Fonction qui recherche ta liste déroulante
        }
 
        function AfficheElements() {
                        //Fonction qui affiche les éléments en fonction de ta liste
        }
</script>

Je travaille avec SharePoint donc c'est peut être différent dans ton cas.

[andry.aime]

Salut,
C'est AJAX, tu dois voir ces tutoriels,
http://gael-donat.developpez.com/web/intro-ajax/
http://nicolaspied.developpez.com/ajax-premiers-pas/