Probleme JavaScript + Php + Mysql

Probleme JavaScript + Php + Mysql - HTML/CSS - Programmation

Marsh Posté le 18-03-2006 à 22:59:18    

Voila donc je souhaite générer deux listes déroulantes.
Une liste contenant les départements l'autre les villes contenu dans le département séléctionné, le tout se trouve dans une base de donnée.
 
Il faudrait donc quand je déroule la liste des département, que si je selection l'ile de france, dans la seconde liste déroulante seules les villes d'ile de france apparaissent.
 
Je sais le faire en php mais obligé de valider avec un bouton, la je voudrai que ce soit juste en selectionnant dans la liste déroulante.
Quelqu'un pourrait m'aider a le coder svp ? (c'est pour un projet, et je suis pressé par le temps, je n'ai pas assez de temps pour apprendre le Javascript et arriver a faire ca).
 
Merci d'avance pour toute l'aide apporté.

Reply

Marsh Posté le 18-03-2006 à 22:59:18   

Reply

Marsh Posté le 18-03-2006 à 23:04:05    

trop pressé pour avoir le temps d apprendre?
fait une petite recherche sur google il y a plein de scripts prêt à l emploi pour ce genre de choses.

Message cité 1 fois
Reply

Marsh Posté le 18-03-2006 à 23:16:31    

nargy a écrit :

trop pressé pour avoir le temps d apprendre?
fait une petite recherche sur google il y a plein de scripts prêt à l emploi pour ce genre de choses.


 
 
Heu tu sais ... les scripts qui put du cul c'est pas toujours top.... ;)
 
Bon si monsieur sait programmer, la soluce à ton probléme:
 
Ajax...c'est du javascript et donc ça marche pas chez tout le monde...(enfin seul ceux qui le déselectionne)
 
Donc la soluce...Tu affiches initialement tout dans les listes...(comme ça pour les extrémistes, ils y accédent mais en plus longtemps)
 
Et avec Ajax tu fait ton truc...
 
Voilà...
 
Tiens des sites pour te mettre sur la voie:
 
http://openweb.eu.org/articles/objet_xmlhttprequest/
 
+  [:alkatraz]    ;)
 
Bonne chance...


Message édité par xtof_83 le 18-03-2006 à 23:17:58
Reply

Marsh Posté le 18-03-2006 à 23:26:58    

J'ai essayé comme ca :
Mais cela ne marche pas ... avec du onclick et des cases a cocher ca passe mais avec le onchange non...

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  3. <script type="text/javascript">
  4. <!--
  5. function selectOption(num)
  6. {
  7. var selObj = document.getElementById('selSeaShells1');
  8. selObj.selectedIndex = num;
  9. }
  10. -->
  11. </script>
  12. <body>
  13. <form>
  14. <h3>Choose one option at a time</h3>
  15. <select name="selSS1" id="selSeaShells1">
  16. <option value="val0">sea zero</option>
  17. <option value="val1">sea one</option>
  18. <option value="val2">sea two</option>
  19. <option value="val3">sea three</option>
  20. <option value="val4">sea four</option>
  21. </select>
  22. <select name="selSS2" id="selSeaShells2">
  23. <option value="0" onchange="selectOption(0);">sea zero</option>
  24. <option value="1" onchange="selectOption(1);">sea one</option>
  25. <option value="2" onchange="selectOption(2);">sea two</option>
  26. <option value="3" onchange="selectOption(3);">sea three</option>
  27. <option value="4" onchange="selectOption(4);">sea four</option>
  28. </select>
  29. </form>         
  30. </body>
  31. [/code]

Reply

Marsh Posté le 18-03-2006 à 23:27:32    

Par contre ce code la fonctionne mais moi je veux pas cocher, je veux selectionner dans un menu déroulant :

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  2. <script type="text/javascript">
  3. <!--
  4. function selectOption(num)
  5. {
  6.     var selObj = document.getElementById('selSeaShells1');
  7.     selObj.selectedIndex = num;
  8. }
  9. -->
  10. </script>
  11. <body>
  12. <select name="selSS1" id="selSeaShells1">
  13. <option value="val0">sea zero</option>
  14. <option value="val1">sea one</option>
  15. <option value="val2">sea two</option>
  16. <option value="val3">sea three</option>
  17. <option value="val4">sea four</option>
  18. </select>
  19. <input type="button" value="0" onclick="selectOption(0);" />
  20. <input type="button" value="1" onclick="selectOption(1);" />
  21. <input type="button" value="2" onclick="selectOption(2);" />
  22. <input type="button" value="3" onclick="selectOption(3);" />
  23. <input type="button" value="4" onclick="selectOption(4);" />


Message édité par vampyrx le 18-03-2006 à 23:29:06
Reply

Marsh Posté le 19-03-2006 à 00:30:02    

le onchange se fait sur le tag <select>

Reply

Marsh Posté le 19-03-2006 à 00:51:24    

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  2.    
  3.     <script type="text/javascript">
  4.     <!--
  5.     var listevilles=new Array(
  6.       new Array(), // choisir une région d abord
  7.       // IDF
  8.       new Array('Paris','Versailles','Créteil'),
  9.       // Pas de Calais
  10.       new Array('Calais','Boulogne sur mer')
  11.     );
  12.     function affichervilles(selRegion)
  13.     {
  14.       // le select de la ville
  15.       var selVille = document.getElementById('selVille');
  16.       // les villes de la région sélectionnée
  17.       var villes=listevilles[selRegion.selectedIndex];
  18.       // vider le select des villes
  19.       selVille.options.length=0;
  20.       // remplir le select des villes
  21.       selVille.options[0] = new Option('---Choisir une ville---');
  22.       for(i=0;i<villes.length;i++)
  23.         selVille.options[i+1]=new Option(villes[i]);
  24.     }
  25.     -->
  26.     </script>
  27.     <body>
  28.     <form>
  29.     <h3>Choose one option at a time</h3>
  30.     <select onchange="javascript:affichervilles(this);" name="region">
  31.         <option value="val0">---Choisir une région---</option>
  32.         <option value="val0">IDF</option>
  33.         <option value="val1">Pas de Calais</option>
  34.     </select>
  35.     <select name="ville" id="selVille">
  36.         <option value="0">---Choisir une ville---</option>
  37.     </select>
  38.     </form>         
  39.     </body>


Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed