Affichage champs formulaire à condition
Fermé
yves
-
11 juil. 2011 à 14:56
adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 - 13 juil. 2011 à 09:36
adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 - 13 juil. 2011 à 09:36
A voir également:
- Affichage champs formulaire à condition
- Excel cellule couleur si condition texte - Guide
- Formulaire de réclamation facebook - Guide
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Les paramètres d'affichage nvidia ne sont pas disponibles ✓ - Forum Carte graphique
4 réponses
adns
Messages postés
1094
Date d'inscription
vendredi 23 février 2007
Statut
Membre
Dernière intervention
27 mars 2012
153
11 juil. 2011 à 15:48
11 juil. 2011 à 15:48
Bonjour,
je suppose que tu veux que cela soit interactif ?
c'est à dire que des que l'on change la valeur du select les champs se mettent à jour ?
Ainsi il te faudra faire du javascript.
La fonction javascript change se base sur la valeur (value) de l'élément sélectionné dans la liste pour afficher ou non le champ.
J'ai donc ajouter l'événement onchange sur la liste qui veut dire a chaque fois que la valeur change.
Ce code est simplement pour t'aider car il est plutôt sale. je te laisse faire quelque recherche pour améliorer tout ca ;)
Adns
je suppose que tu veux que cela soit interactif ?
c'est à dire que des que l'on change la valeur du select les champs se mettent à jour ?
Ainsi il te faudra faire du javascript.
<select id="liste_id" name="liste" onchange="change();">
<option value="non">Non</option>
<option value="oui">Oui</option>
</select>
<input id="champ_id" name="champ">
<script>
function change(){
if (document.getElementById("liste_id").value == "oui") {
document.getElementById("champ_id").style.visibility = "visible"
}
else {
document.getElementById("champ_id").style.visibility = "hidden"
}
}
</script>
La fonction javascript change se base sur la valeur (value) de l'élément sélectionné dans la liste pour afficher ou non le champ.
J'ai donc ajouter l'événement onchange sur la liste qui veut dire a chaque fois que la valeur change.
Ce code est simplement pour t'aider car il est plutôt sale. je te laisse faire quelque recherche pour améliorer tout ca ;)
Adns
bonjour,
tu doit taper:
if (lenomdetacase == on)
{
document.getElementById("champ_id").style.visibility = "visible
}
else (lenomdetacase == off)
{
document.getElementById("champ_id").style.visibility = "hidden"
}
tu doit taper:
if (lenomdetacase == on)
{
document.getElementById("champ_id").style.visibility = "visible
}
else (lenomdetacase == off)
{
document.getElementById("champ_id").style.visibility = "hidden"
}
Bonsoir ! Merci beaucoup pour vos réponses !
adns, j'ai essayer ta methode, cela fonctionne ! Oui mais ...Cela ne fonctionne que si on deroule le menu et selectionne l'option. Cela ne fonctionne pas avec l'option pré selectionner de la liste :s
Comment faire pour que tout les champs soit caché à l'ouverture de la page, et faire en sorte que seuls les bons champs apparaissent quand on selectionne la valeur concerné ?
D'avance merci, pour votre aide précieuse ! :)
adns, j'ai essayer ta methode, cela fonctionne ! Oui mais ...Cela ne fonctionne que si on deroule le menu et selectionne l'option. Cela ne fonctionne pas avec l'option pré selectionner de la liste :s
Comment faire pour que tout les champs soit caché à l'ouverture de la page, et faire en sorte que seuls les bons champs apparaissent quand on selectionne la valeur concerné ?
D'avance merci, pour votre aide précieuse ! :)
adns
Messages postés
1094
Date d'inscription
vendredi 23 février 2007
Statut
Membre
Dernière intervention
27 mars 2012
153
12 juil. 2011 à 09:00
12 juil. 2011 à 09:00
Il te suffit d'appeler la fonction change au chargement de ta page.
exemple :
exemple :
<script> window.onload = change(); </script>
Ça marche implacable merci ! :)
Dit moi, autre chose, comment faire quand le menu select comporte 3 options ?
J'ai essayer de rajouter un <script> dans ma page mais sa annule tout ...
Il n'y aurai pas une histoire de nom de fonctions appelées ou quelque chose de ce genre ? :)
D'avance merci pour tes précieuses explications ! ;)
Dit moi, autre chose, comment faire quand le menu select comporte 3 options ?
J'ai essayer de rajouter un <script> dans ma page mais sa annule tout ...
Il n'y aurai pas une histoire de nom de fonctions appelées ou quelque chose de ce genre ? :)
D'avance merci pour tes précieuses explications ! ;)
adns
Messages postés
1094
Date d'inscription
vendredi 23 février 2007
Statut
Membre
Dernière intervention
27 mars 2012
153
13 juil. 2011 à 09:36
13 juil. 2011 à 09:36
Il te suffit de modifier le corps de la fonction change. je t'ai fourni un exemple assez minimaliste et je vais continuer. a toi de te documenter un peu et de modifier le code pour obtenir ce que tu souhaites :)
Adns
if (document.getElementById("liste_id").value == "oui") {
document.getElementById("champ_id").style.visibility = "visible"
}
else if (document.getElementById("liste_id").value == "peutetre"){
document.getElementById("champ_id").style.visibility = "hidden"
}else {
document.getElementById("champ_id").style.visibility = "hidden"
}
Adns
