Vous utilisez un navigateur obsolète, veuillez le mettre à jour.
Veuillez utiliser un navigateur internet moderne avec JavaScript activé pour naviguer sur OpenClassrooms.com
Une question ? Pas de panique, on va vous aider !
Ce sujet est fermé.
Bonjour,
J'ai un formulaire avec 2 select.
Le 2 select doit se remplir dynamiquement en fonction du choix du premier select.
Comment je peux faire pour faire ca car je ny arrive pas.
Merci de votre aide.
<table border="0" style="margin:auto; margin-top: 3%; margin-bottom: 2%;"> <tr> <td><b>Type:</b></td><td> <select name="select_type" style="" onchange="genere_parametre(this)"> <option></option> <option value="materiel_d_inspection">Materiel d'inspection</option> <option value="obturation">Obturation</option> <option value="rehabilitation">Réhabilitation</option> </select> </td> </tr> </table> <script> function genere_parametre(select_type) { var chosed = select_type.value; if (chosed == 'materiel_d_inspection') { // generer un select specifique } else if (chosed == 'obturation') { // generer un autre select specifique } else if (chosed == 'rehabilitation') { // generer encore un autre select specifique } } </script>
-Edité par Jobard91 12 septembre 2019 à 21:23:11
Quelque chose comme ça peut être ?
<select name="select_type" onchange="select_changed(this);"> <option></option> <option value="materiel_d_inspection">Materiel d'inspection</option> <option value="obturation">Obturation</option> <option value="rehabilitation">Réhabilitation</option> </select> <select name="select_materiel_d_inspection" style="display: none;"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <select name="select_obturation" style="display: none;"> <option>5</option> <option>6</option> <option>7</option> <option>8</option> </select> <select name="select_rehabilitation" style="display: none;"> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> <script> function select_changed(_this) { document.getElementsByName('select_materiel_d_inspection')[0].style.display = 'none'; document.getElementsByName('select_obturation')[0].style.display = 'none'; document.getElementsByName('select_rehabilitation')[0].style.display = 'none'; if(_this[_this.selectedIndex].value) document.getElementsByName('select_' + _this[_this.selectedIndex].value)[0].style.removeProperty('display'); }; </script>