Lier 2 select entre eux

Fab121205 Messages postés 100 Statut Membre -  
Fab121205 Messages postés 100 Statut Membre -
Bonjour, j'ai un script javascript qui fontionnait il y a quelques années mais qui ne fontionne plus. J'ai essayer quelques modifications mais en vain. Le but est de changer le contenu du second select en fonction de la valeur du premier. Auriez vous des idées de ce qui ne marche pas ou comment régler le probleme ?

<select id="select1" onchange="app_sel(this.value);">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
 
<span id="select2">
<select id="select21" style="display:inline;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
 
<select id="select22" style="display:none;">
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
 
<select id="select23" style="display:none;">
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</span>


Merci Fab1205

1 réponse

  1. Fab121205 Messages postés 100 Statut Membre 5
     
    j'ai oublié voici le code javascript :

    <script type="text/javascript">
    function app_sel(valeur) { // Le param valeur servira à savoir quel select afficher
     var sels = document.getElementById("select2").getElementsByTagName("select"); // On récupère tous les selects dans le span id="select2"
     for(var i=0,l=sels.length;i<l;i++) { // Et on les cache tous
      sels[i].style.display = "none";
     }
     document.getElementById("select2"+valeur).style.display = "inline"; // pour n'afficher finalement que celui qu'on veut.
    }
    </script>
    
    0