Listes déroulantes en javascript

Résolu/Fermé
amine_marc Messages postés 256 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 11 avril 2016 - 8 sept. 2011 à 23:44
amine_marc Messages postés 256 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 11 avril 2016 - 1 oct. 2011 à 16:33
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>

1 réponse

adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 153
9 sept. 2011 à 08:21
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
1
amine_marc Messages postés 256 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 11 avril 2016 2
1 oct. 2011 à 16:33
merciiiii
0