Les listes deroulantes

Résolu/Fermé

sidinato Messages postés 4 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 15 juillet 2013 - 14 juil. 2013 à 18:15
sidinato Messages postés 4 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 15 juillet 2013 - 15 juil. 2013 à 15:46

bonsoir ,

je suis débutant en html . mon problème est que j'ai des listes déroulantes et je vais afficher certain options de ma deuxième liste selon la valeur que j'ai choisie dans la premier liste
par exemple

voici ma priemre liste
<select name="j" >
<option value="jours">jours</option>
option value="weekand">weekand</option>
</select>
la deuxième
<select name="D" >
<option value="dimanche">dimanche</option>
<option value="lundi">lundi</option>
.
.
.
</select>
ma question : est ce que en sélectionnant weekand dans la première liste je peux afficher juste les jours du week and dans la deuxieme liste
merci d'avance

A voir également:

2 réponses

Réponse 1 / 2

Utilisateur anonyme
14 juil. 2013 à 20:25

Oui c'est possible en Javascript.

Réponse 2 / 2

Utilisateur anonyme
Modifié par lobotoFix le 15/07/2013 à 12:30

Bonjour, mon code est horrible mais fonctionne ;)

<!DOCTYPE html>
<html>
 <head>
  <title>ccm</title>
  <meta charset="UTF-8" />
 </head>
 <body onload="list()">
  <form id="form1">
   <select name="jour" id="jour">
    <option value="none">Choisissez</option>

    <option value="semaine">Semaine</option>
    <option value="weekend">Week_end</option>
   </select>
  </form>
  <form>
   <select name="choix" id="choix">
    <option value="vide">Vide</option>

    <option value="lundi">Lundi</option>
    <option value="mardi">Mardi</option>
    <option value="mercredi">Mercredi</option>
    <option value="jeudi">Jeudi</option>
    <option value="vendredi">Vendredi</option>
    <option value="samedi">Samedi</option>
    <option value="dimanche">Dimanche</option>

   </select>
   <input type="submit" />
  </form>
  <script type="text/javascript">
   var jour = document.getElementById("jour");
   var choix = document.getElementById("choix");

   var jourlen = jour.getElementsByTagName("option");
   var choixlen = choix.getElementsByTagName("option");

   jour.onmouseup = function() {
    list();
   }
   function list() {
    if (jourlen[0].selected) {
     choixlen[0].value = choixlen[0].value;
     choixlen[0].innerHTML = choixlen[0].innerHTML;
     choixlen[1].style.display = "none";

     choixlen[2].style.display = "none";
     choixlen[3].style.display = "none";
     choixlen[4].style.display = "none";
     choixlen[5].style.display = "none";
     choixlen[6].style.display = "none";
     choixlen[7].style.display = "none";
    } else if (jourlen[1].selected) {

     choixlen[0].value = choixlen[1].value;
     choixlen[0].innerHTML = choixlen[1].innerHTML;

     choixlen[2].style.display = "block";
     choixlen[3].style.display = "block";
     choixlen[4].style.display = "block";
     choixlen[5].style.display = "block";
     choixlen[6].style.display = "none";
     choixlen[7].style.display = "none";

    } else if (jourlen[2].selected) {
     choixlen[0].value = choixlen[6].value;
     choixlen[0].innerHTML = choixlen[6].innerHTML;
     choixlen[1].style.display = "none";
     choixlen[2].style.display = "none";
     choixlen[3].style.display = "none";
     choixlen[4].style.display = "none";
     choixlen[5].style.display = "none";

     choixlen[7].style.display = "block";
    } else {
     alert("erreur programme");
    }
   }
  </script>
 </body>
</html>

¨'°ºO×º°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)·

sidinato Messages postés 4 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 15 juillet 2013
15 juil. 2013 à 15:46

merciii ça fonctionne ^_^ merci encore

Discussions similaires

Toutes les combinaisons à 4 chiffres de 0000 a 9999

Tri les lettres d'un mot par ordre alphabétique

Formule magique excel??????

SQL Lister les tables d'une base

ordre alphabetique sous word