Afficher un certain nombre de divs cachés en fonction du nombre sélectionné dans une liste déroulante
Bonjour tout le monde !
Alors voilà mon petit soucis, je suis sur un formulaire qui aurait certaines parties dynamiques. Je bloque néanmoins sur un partie : En effet j'ai une liste déroulante contenant des nombres. Quand j'en sélectionne un, je veux que ma fonction JavaScript (que je n'ai toujours pas réalisé car je ne sais pas trop comment la faire) puisse m'afficher des divs cachés. Exemple : Si je choisi "3" je veux qu'on m'affiche 3 divs.
Le truc étant que je ne veux pas faire trouze mille div, je cherche à me baser sur un seul et unique div qui peut se dupliquer selon le nombre sélectionné.
Voici mon code actuellement en HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<label>SAS : </label>
<select name="sas" id="sas" onChange="Javascript:choixSas()">
<option value="0">Non</option>
<option value="1">Oui</option>
</select>
<div id="sasOk" style="display:none">
<label>Nombre : </label>
<select name="sasNb" id="sasNb" onChange="Javascript:nbSas()">
<option value="1">1</option>
<?php
for ($i = 2; $i <= 10; $i++){
echo '<option value="'.$i.'">'.$i.'</option>';
}
?>
</select>
<div id="nombreOk" style="display: none">
<lable>Pour : </label>
<select name="sasSex" id="sasSex">
<option value="0">Homme</option>
<option value="1">Femme</option>
<option value="2">Les deux</option>
</select>
<label>SAS-1 : </label>
<select name="sasHeure" id="sasHeure">
<option value="0">00</option>
</select>
:
<select name="sasMinute" id="sasMinute">
<option value="0">00</option>
</select></br></br>
</div>
</div></br></br> |
Et je n'ai pas trouvé de solution sur Google pour le moment pour la fonction JavaScript (qui se nommera ici nbSas()), d'où ma demande ici ^^
Merci d'avance pour vos réponses !
