liste déroulante et sous-liste

Répondre
milsodor
le 14/02/2008 à 07:06
milsodor
Déconnecté
seul les bons professeurs forment les bons autodidactes
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
Amery
le 14/02/2008 à 10:25
Amery
Déconnecté
Salut,

quelques infos trouvé sur le net.

- si tu veux faire quelque chose de statique => javascript :
http://www.editeurjavascript.com/scripts/scripts_formulaires_3_593.php

- si tu veux quelque chose de dynamique => ajax :
http://www.developpement-web.net/astuces/ajax/actualiser_liste_deroulante/
milsodor
le 14/02/2008 à 11:22
milsodor
Déconnecté
seul les bons professeurs forment les bons autodidactes
merci amery ,je regarde tout ça
@+
milsodor
le 14/02/2008 à 16:17
milsodor
Déconnecté
seul les bons professeurs forment les bons autodidactes
yeh..
probleme resolu..

voici le code que j'ai trouvé
  1.  
  2. <?  
  3. <!--fonction affiche ou pas liste-->  
  4. <script language='javascript'>  
  5. function affichechoix(texte)  
  6. {  
  7. if (texte=="Etat")  
  8. document.getElementById("choixetat").style.visibility= 'visible';  
  9. else  
  10. document.getElementById("choixetat").style.visibility= 'hidden';  
  11.  
  12.  
  13. if (texte=="Categorie")  
  14. document.getElementById("choixcat").style.visibility= 'visible';  
  15. else  
  16. document.getElementById("choixcat").style.visibility= 'hidden';  
  17. }  
  18.  
  19. </script> 
  20. ?>
  21.  

que j'ai mis entre les tag head

et entre les body

  1.  
  2. <?  
  3. <FORM ACTION="/prive/petite_annonce/affiche_annonce.php" method="post" >  
  4.  
  5. <SELECT onchange="affichechoix(this.value)" name="triprincipal" >  
  6. <OPTION value="tous">toutes</OPTION>  
  7. <OPTION value="Categorie">categorie</OPTION>  
  8. <OPTION value="Etat">etat</OPTION>  
  9. <OPTION value="Prix">prix</OPTION>  
  10. </SELECT>  
  11.  
  12. <p><center><div id="choixcat" style="visibility:hidden">  
  13. <SELECT name="tricat">  
  14. <option value=""> choisissiez votre categorie</option>  
  15. <option value=""> ================</option> 
  16.       <option value="electro_menager">Electro_ménager</option> 
  17.       <option value="video">Films & vidéo</option>  
  18. <option value="informatique">Informatique</option>  
  19. <option value="livre">Livre</option> 
  20.       <option value="meuble">Mobilier</option>  
  21. <option value="musique">Musique</option>      
  22.       <option value="telephone">Téléphonie</option> 
  23.       <option value="divers">Divers</option>  
  24. </SELECT></div>  
  25.  
  26. <div id="choixetat" style="visibility:hidden">  
  27. <SELECT name="trietat" >  
  28. <option value=""> choisissiez l'etat de l'objet</option>  
  29. <option value=""> ================</option>  
  30. <option value="neuf">Neuf</option>  
  31. <option value="occasion">Occasion</option>  
  32. <option value="piece">Pour pièces</option>  
  33. </SELECT></div>  
  34. </center>  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. <!--<input type="text" name="ville_saisie"></div>-->  
  42. <input type="submit" name="go" value="Afficher les annonces" />  
  43. </form>  
  44. ?>
  45.  


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
@+
Répondre
Accès rapide :

Remonter Remonter
L'éditeur javascript - CSS - Gentoo - Tutoriaux PHP - Tutoriels PHP - Php - Breizh Blog