Php ou java script FORMULAIRE DYNAMIQUE
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
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
4 réponses
-
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. -
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 -
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 -
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>
