Php ou java script FORMULAIRE DYNAMIQUE

Fermé
tatoum - 24 mai 2010 à 19:06
 tatoum - 25 mai 2010 à 00:36
SALUT POUR TOUS,
pouvez vous m'aider s'il vous plais
ce que je demande il est simple pour les uns mais dure pour moi ce que je veux faire c'est un formulaire dynamique j'explique

dans le formulaire principale une liste de choix qui change le reste du formulaire

champ1
champ2 (liste A,B,C)
si A champ A
si B champ B
si c Champ C
A voir également:

4 réponses

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
24 mai 2010 à 20:17
si tu veux tous ça sur une seule page, il te faudra utiliser ajax.

tu utilise les variables post ;) ça te permet de faire ça en php.
0
merci bien pour votre réponse mais je serai très contente si vous pouvez me donner un boue de code
comme exemple parce que je ne sais pas comment utiliser ajax
merci d'avance
cordialement
0
Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
24 mai 2010 à 22:06
arf :/

dans ce cas, plutot que de te donner un code tout fait, je te propose d'essayer d'apprendre AJAX, si tu n'y arrive toujours pas, je te donnerais le code (ou une partie de moins), mais pour le moment, j'ai pas trop le temps, désolé :(

http://www.siteduzero.com/tutoriel-3-4745-ajax-et-l-echange-de-donnees-en-javascript.html
0
merci en tout cas
mais j'ai deja essayé et voila ce que j'ai trouvé
<script type="text/javascript">
function displayFields()
{
var o = document.getElementById('situation');
var si = o.selectedIndex;
switch(si)
{
case 0:
document.getElementById('ecole').style.display = 'inline';
document.getElementById('niveau').style.display = 'inline';
document.getElementById('anciennete').style.display = 'none';
document.getElementById('domaine').style.display = 'none';
document.getElementById('titre').style.display = 'none';
break;

case 2:
document.getElementById('ecole').style.display = 'none';
document.getElementById('niveau').style.display = 'none';
document.getElementById('anciennete').style.display = 'inline';
document.getElementById('domaine').style.display = 'inline';
document.getElementById('titre').style.display = 'none';
break;

case 3:
document.getElementById('ecole').style.display = 'none';
document.getElementById('niveau').style.display = 'none';
document.getElementById('anciennete').style.display = 'inline';
document.getElementById('domaine').style.display = 'inline';
document.getElementById('titre').style.display = 'inline';
break;
}
}
</script>

<form name="[cequetuveux]" method="[post|get]" action="[tapage.xxx]">
<select id="situation" onchange="javascript:displayFields()">
<option value="1">Etudiant</option>
<option value="">Fonctionnaire</option>
<option value="">Cadre</option>
</select>

<input type="text" id="ecole" name="ecole" style="display:none" />
<input type="text" id="niveau" name="niveau" style="display:none" />
<input type="text" id="anciennete" name="anciennete" style="display:none" />
<input type="text" id="domaine" name="domaine" style="display:none" />
<input type="text" id="titre" name="titre" style="display:none" />
</form>
0