Formulaire/liste déroulante/ajout de lignes

**mamatt77** · 30/09/2009, 15h53

Bonjour !

Voici la situation. Dans mon formulaire, à la fin j'ai une ligne PROFIL où l'on peut sélectionner différent profils via une liste déroulante (cf fichier joint).

C'est l'affichage par défaut.

Ce que j'aimerai faire en fonction du choix de l'utilisateur via la liste :

lorsque l'utilisateur clique sur Organisme, une ligne s'affiche en dessous de profil : au niveau de la colonne de gauche, "Organisme" apparait, et colonne de droite, une liste déroulante avec les nom des organismes.

Lorsque l'utilisateur clique sur Partenaire, une ligne s'affiche en dessous de profil : colonne de gauche apparait "Partenaire", colonne de droite, une liste déroulante avec les nom des partenaires.

Les organismes et partenaires proviennent d'une base de donnée gérée en php.

Je suis néophyte en javascript, et je n'ai pas beaucoup de temps pour le faire.

Voici une première réflexion où je tente d'afficher dans la colonne de gauche l'intitulé "Organisme" ou "Partenaire" en fonction du choix dans la liste déroulante.

Pourriez vous me dire si je vais n'importe où ? Si oui pourrais t on me rediriger, me conseiller ?

Merci d'avance,

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
 
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title>Formulaire</title>
 
<script language="javascript" type="text/javascript">
 
function afficheprofil()
{
 
 
var obj=document.getElementById('profilid');
 
 
 
	if	(obj.value == "organisme")
		{document.getElementById('organismeid').value=this.value};
 
	if	(obj.value == "partenaire")	
		{document.getElementById('partenaireid').value=this.value};
 
 
 
}
</script>
 
 
</head>
 
<body onload=afficheprofil()>
 
<form method="post" action="formulaire.php" name="form1" >
  <table width="150px">
  <tr>
    <td>Profil</td>
    <td><select name="profilid" size="1" id="profilid" onclick="afficheprofil()" >
        <option  value="admin" >admin</option>
        <option value="organisme">organisme</option>
        <option value="partenaire">partenaire</option>
      </select>
    </td>
  </tr>
 
<tr>
  <td><input type="text" name="organismeid"   id="organismeid"  ></td>
 <td> <select name="listeorganisme"> </select></td>
</tr>
 
 <tr>
  	<td></td>
 	<td></td>
  </tr>
 
   <tr>
  	<td><input type="text" name="partenaireid"   id="partenaireid"  ></td>
 	<td><select name="listepartenaire" size="1"> </select></td>
  </tr>
 
 
 
</form>
</body>
</html>

Formulaire/liste déroulante/ajout de lignes

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager