Lier 2 select entre eux

Fab121205 Messages postés 81 Date d'inscription   Statut Membre Dernière intervention   -  
Fab121205 Messages postés 81 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

1 réponse

Fab121205 Messages postés 81 Date d'inscription   Statut Membre Dernière intervention   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