liste déroulante et sous-liste

Répondre
Citer ce message
milsodor
le 14/02/2008 à 07:06
milsodor
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.
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
seul les bons professeurs forment les bons autodidactes
Citer ce message
milsodor
le 14/02/2008 à 11:22
milsodor
merci amery ,je regarde tout ça
@+
seul les bons professeurs forment les bons autodidactes
Citer ce message
milsodor
le 14/02/2008 à 16:17
milsodor
yeh..
probleme resolu..

voici le code que j'ai trouvé
<?

<!--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> 

?>

que j'ai mis entre les tag head

et entre les body

<?

<FORM ACTION="/prive/petite_annonce/affiche_annonce.php" method="post" >



<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>



<p><center><div id="choixcat" style="visibility:hidden">

<SELECT name="tricat">

<option value=""> choisissiez votre categorie</option>

<option value=""> ================</option>

		  <option value="electro_menager">Electro_ménager</option>

		   <option value="video">Films & vidéo</option>

          <option value="informatique">Informatique</option>

          <option value="livre">Livre</option>

		  <option value="meuble">Mobilier</option>

          <option value="musique">Musique</option>		 

		  <option value="telephone">Téléphonie</option>   

		  <option value="divers">Divers</option>   

</SELECT></div>



<div id="choixetat" style="visibility:hidden">

<SELECT name="trietat" >

  <option value=""> choisissiez l'etat de l'objet</option>

<option value=""> ================</option>

          <option value="neuf">Neuf</option>

          <option value="occasion">Occasion</option>

          <option value="piece">Pour pièces</option>

</SELECT></div>

</center>













<!--<input type="text" name="ville_saisie"></div>-->

<input type="submit" name="go" value="Afficher les annonces" />

</form> 

?>


ensuite je me redirige vers ma page d'affichage ou j'execute la requete en fonction des variable post passée.

Ca fonctionne c'est le principal.
jhe voulais faire ca car sur mon site je met en place une partie "petites annonces".

Je progresse je progresse et encore merci
@+
seul les bons professeurs forment les bons autodidactes
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours