Menu deroulant et sous menu
lewis34
Messages postés
2557
Date d'inscription
Statut
Membre
Dernière intervention
-
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention -
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention -
Bonjour ,j'aurais besoin d'un conseil quand au listes déroulantes <select> ,car je sais pas par quel bout commencer.
voila mon soucis je voudrais faire une liste déroulante avec un type de choix ,puis en fonction de ce choix une seconde liste apparait pour proposer divers options.
faire une seule liste y'a pas de soucis c'est simple ,mais j'arrive pas a en "imbriquer" une autre dans la première
un exemple rapide
ma liste principale propose 1 option tous et 1 options autre.
si on choisit tous j'affiche toutes les infos de ma BD,si on choisit autre j'affiche une autre liste pour selectionner sur quoi porte la recherche.
j'ai vu qu'il fallais surement passer par javascript,mais la par contre je n'y connais rien,si quelqu'un pouvais me donner une piste...
merci
voila mon soucis je voudrais faire une liste déroulante avec un type de choix ,puis en fonction de ce choix une seconde liste apparait pour proposer divers options.
faire une seule liste y'a pas de soucis c'est simple ,mais j'arrive pas a en "imbriquer" une autre dans la première
un exemple rapide
ma liste principale propose 1 option tous et 1 options autre.
si on choisit tous j'affiche toutes les infos de ma BD,si on choisit autre j'affiche une autre liste pour selectionner sur quoi porte la recherche.
j'ai vu qu'il fallais surement passer par javascript,mais la par contre je n'y connais rien,si quelqu'un pouvais me donner une piste...
merci
Configuration: Windows XP Firefox 2.0.0.12
3 réponses
-
-
merci dalida de t'etre penchée sur mon soucis.
je crois que j'ai trouvé un début de solution
entre les <head>
<!--fonction affiche ou pas liste-->
<script language='javascript'>
function affichechoix(texte)
{
if (texte=="etat")
document.getElementById("choixetat").style.visibility= 'visible';
else
document.getElementById("choixetat").style.visibility= 'hidden';
if (texte=="categorie")
document.getElementById("choixcat").style.visibility= 'visible';
else
document.getElementById("choixcat").style.visibility= 'hidden';
}
</script>
dans les <body>
<FORM ACTION="/prive/petite_annonce/test.php" >
<SELECT onchange="affichechoix(this.value)" name="triprincipal" >
<OPTION value="tous">toutes</OPTION>
<OPTION value="categorie">categorie</OPTION>
<OPTION value="etat">etat</OPTION>
<OPTION value="prix">prix</OPTION>
</SELECT>
<td><div id="choixcat" style="visibility:hidden">
<SELECT name="tri">
<OPTION value="video">video</OPTION>
<OPTION value="informatique">informatique</OPTION>
<OPTION value="mobilier">mobilier</OPTION>
<OPTION value="autre">autre</OPTION>
</SELECT></div></td>
<div id="choixetat" style="visibility:hidden">
<SELECT name="tri" >
<OPTION value="neuf">neuf</OPTION>
<OPTION value="occasion">occasion</OPTION>
<OPTION value="pourpieces">pour pieces</OPTION>
<OPTION value="autre">autre</OPTION>
</SELECT></div></td>
comme ça c'est parfait ,maintenant faut plus que je recupere les variables $_post.
la je crois que je "mer.." un peu mais dans le principe c'est bon.
je vous tiens au courant
@+ -
oupssssssssssssss!!
je viens de me rendre compte de ma boulette...
<FORM ACTION="/prive/petite_annonce/test.php" >
j'ai oublié method="post"
