[JavaScript] List deroulante liée ave un remplissage automatique

List deroulante liée ave un remplissage automatique [JavaScript] - HTML/CSS - Programmation

Marsh Posté le 07-04-2014 à 11:56:34    

Bonjours à tous,  
 
J'ai un petit projet pour les cours en JavaScript et je voudrais faire une liste déroulante liée avec un remplissage automatique  
 
donc voici mon code html
 

Code :
  1. <form>
  2. <table>
  3. <tr>
  4.     <th>Rubriques&nbsp;:</th>
  5.     <th>Pages&nbsp;:</th>
  6. </tr>
  7. <tr>
  8.     <td><select name="Rubrique" onchange='Choix(this.form)'>
  9.         <option>--- Choisissez une rubrique ---</option>
  10.         <option>Classe 1</option>
  11.         <option>Classe 2</option>
  12.         <option>Classe 3</option>
  13.         </select></td>
  14.     <td><select name="Page">
  15.         <option>--- Choisissez une page ---</option>
  16.         </select></td>
  17. </tr>
  18. </table>
  19. </form>


 
Mon code JavaScript
 

Code :
  1. var maintenant=new Date();
  2. var jour=maintenant.getDate();
  3. var mois=maintenant.getMonth()+1;
  4. var an=maintenant.getFullYear();
  5. document.write("Nous sommes le ",jour,"/",mois,"/",an,"." );
  7. function Choix(form) {
  8. i = form.Rubrique.selectedIndex;
  9. if (i == 0) {
  10.  
  11.     form.Page.innerHTML="<option></option>";
  12.     form.Page.options[0].text="--- Choisissez une page ---";
  13.   return;
  14.   }
  15. form.Page.selectedIndex = 0;
  16. switch (i) {
  17. case 1 : var txt = new Array ('Ralf Brandson','Eskil Osmondson','Osvald Osmundson','Bernulf Skeggison','Terkel Olofson','Edwina Svendòttir','Vilhelmine Ralfdòttir','Svenhild Havarddòttir','Edda Osgeirdòttir','Hilda Halfdandòttir'); break;
  18. case 2 : var txt = new Array ('Olaf Godfredson','Thorstein Lennartson','Ingvald Hrolfson','Svarting Asulfson','Halvard Thorketilson','Elke Haralddòttir','Frida Ketildòttir','Erika Helgidòttir','Elfi Hjalmardòttir','Signi Karldòttir'); break;
  19. case 3 : var txt = new Array ('Valter Thorgisson','Gudbjörn Arnbjörnson','Frode Folmerson','Delf Hartmodson','Hindrik Einarson','Astrid Gustafdòttir','Alrun Halfdandòttir','Botilde Leifdòttir','Gudrun Thorstendòttir','Silke Thorvalddòttir'); break;
  20. }
  21. form.Page.innerHTML="<option></option>";
  22. form.Page.options[0].text="--- Choisissez une page ---";
  23. for (i=0;i<txt.length;i++) {
  24.   form.Page.appendChild(document.createElement("option" ));
  25.   form.Page.options[i+1].text=txt[i];
  26.   }
  27. }


 
ce que je voudrais faire c'est que quand on choisi classe 1 puis Ralf Brandson son adresse ce marque automatiquement  
quel qu’un aurait il une solution ?

Reply

Marsh Posté le 07-04-2014 à 11:56:34   

Reply

Sujets relatifs:

Leave a Replay

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