Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1710 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2224285
akn95
Posté le 07-04-2014 à 11:56:34  profilanswer
 

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,"." );
  6. function Choix(form) {
  7. i = form.Rubrique.selectedIndex;
  8. if (i == 0) {
  9.  
  10.     form.Page.innerHTML="<option></option>";
  11.     form.Page.options[0].text="--- Choisissez une page ---";
  12.   return;
  13.   }
  14. form.Page.selectedIndex = 0;
  15. switch (i) {
  16. 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;
  17. 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;
  18. 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;
  19. }
  20. form.Page.innerHTML="<option></option>";
  21. form.Page.options[0].text="--- Choisissez une page ---";
  22. for (i=0;i<txt.length;i++) {
  23.   form.Page.appendChild(document.createElement("option" ));
  24.   form.Page.options[i+1].text=txt[i];
  25.   }
  26. }


 
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 ?

mood
Publicité
Posté le 07-04-2014 à 11:56:34  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Jeux JavaScript 7 différencesJavascript évènements
télécharger un fichier CSV d'une manière automatiquejavascript/html
LISTE DEROULANTE PHP MYSQLBatch création automatique dossier (xcopy)
Interprétation d'un code javascriptTest rendus sous toutes versions IE + javascript
[AIDE] code HTML/PHP formulaire avec envoi mail automatiqueBesoin d'aide sur Javascript
Plus de sujets relatifs à : [JavaScript] List deroulante liée ave un remplissage automatique


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR