Afficher et remplir un formulaire en fonction d'un select

Version imprimable

09/06/2009, 11h26
Baldy

Afficher et remplir un formulaire en fonction d'un select

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.
09/06/2009, 11h33
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
09/06/2009, 11h35
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 ...
09/06/2009, 11h42
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.
09/06/2009, 11h47
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?

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

Code:

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.

09/06/2009, 12h55
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/