Php ou java script FORMULAIRE DYNAMIQUE
tatoum
-
tatoum -
tatoum -
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
A voir également:
- Php ou java script FORMULAIRE DYNAMIQUE
- Whatsapp formulaire opposition - Guide
- Jeux java itel - Télécharger - Jeux vidéo
- Waptrick java football - Télécharger - Jeux vidéo
- Formulaire de réclamation facebook compte désactivé - Guide
- Tableau croisé dynamique - Guide
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.
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
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
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>
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>
