Listes déroulantes en javascript
Résolu
amine_marc
Messages postés
286
Statut
Membre
-
amine_marc Messages postés 286 Statut Membre -
amine_marc Messages postés 286 Statut Membre -
Bonjour,
J'ai deux listes déroulantes, sachant la première contient des numéros de 1 à 10, je veux que la deuxième contienne deux choix (soit de 1 à i, ou de A1 à Ai ==> ce i est l'indice choisi dans la liste num 1); par ex: si l'utilisateur a choisi l'indice 5 dans la première liste, alors la deuxième contient: de 1 à 5 & de A1 à A5), voici mon code html, et je sais pas comment faire en javascript pour réaliser mon objectif:
<html>
<body>
Nombre de chambres: <select name='nbr_chamb' size=1>
<?php
for($m=0;$m<10;$m++) {
echo "<option value='".$m."'>".$m."</option>";
}
?>
</select>
N° Chambres: <select name='num_chamb' size=1>
<option value='1'>De 1 à </option>
<option value='a'>De A à </option>
</select>
</body>
</html>
J'ai deux listes déroulantes, sachant la première contient des numéros de 1 à 10, je veux que la deuxième contienne deux choix (soit de 1 à i, ou de A1 à Ai ==> ce i est l'indice choisi dans la liste num 1); par ex: si l'utilisateur a choisi l'indice 5 dans la première liste, alors la deuxième contient: de 1 à 5 & de A1 à A5), voici mon code html, et je sais pas comment faire en javascript pour réaliser mon objectif:
<html>
<body>
Nombre de chambres: <select name='nbr_chamb' size=1>
<?php
for($m=0;$m<10;$m++) {
echo "<option value='".$m."'>".$m."</option>";
}
?>
</select>
N° Chambres: <select name='num_chamb' size=1>
<option value='1'>De 1 à </option>
<option value='a'>De A à </option>
</select>
</body>
</html>
1 réponse
-
Bonjour,
Rapidement si j'ai bien saisie ton problème ce rapide brouillon devrait le résoudre.<html> <script> changeListe = function(nb){ var options = "<option value='1'>De 1 à "+nb+"</option><option value='a'>De A à "+nb+"</option>"; document.getElementById("num_chamb").innerHTML = options; } </script> <body> Nombre de chambres: <select name='nbr_chamb' size="1" onchange="changeListe(this.value);"> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> <option value='6'>6</option> </select> N° Chambres: <select id="num_chamb" name='num_chamb' size="1"> <option value='1'>De 1 à </option> <option value='a'>De A à </option> </select> </body> </html>
Adns
