Lier 2 select entre eux

Fermé

Fab121205 Messages postés 81 Date d'inscription dimanche 26 juillet 2015 Statut Membre Dernière intervention 20 mars 2022 - 29 avril 2020 à 10:01
Fab121205 Messages postés 81 Date d'inscription dimanche 26 juillet 2015 Statut Membre Dernière intervention 20 mars 2022 - 29 avril 2020 à 10:03

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:

Lier 2 select entre eux
2 comptes whatsapp - Guide
Lier 2 pdf - Guide
2 ecran pc - Guide
Word numéro de page 1/2 - Guide
Jdownloader 2 - Télécharger - Téléchargement & Transfert

1 réponse

Réponse 1 / 1

Fab121205 Messages postés 81 Date d'inscription dimanche 26 juillet 2015 Statut Membre Dernière intervention 20 mars 2022 5
29 avril 2020 à 10:03

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>

Discussions similaires

"Reboot and Select proper Boot Device"

Great Teacher Onizuka SAISON 2

Windows defender: avertissement de sécurité

A3 paysage en deux A4...est-ce possible?

Paris multiple : explications de 2/3, 3/4, 2/4, 2/5, etc.

Discussions similaires

Newsletters