Lier 2 select entre eux
Fab121205
Messages postés
100
Statut
Membre
-
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 ?
Merci Fab1205
<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:
- Lier 2 select entre eux
- Supercopier 2 - Télécharger - Gestion de fichiers
- 2 ecran pc - Guide
- Faire 2 colonnes sur word - Guide
- Whatsapp 2 - Guide
- Gta 6 trailer 2 - Guide
1 réponse
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>