Bonjour,

Encore une fois je fais appel à vous, j'ai bien peur de bloquer sur quelque chose qui a l'air assez con à réaliser. L'idée, comme écrit dans le titre, est de faire une fonction qui permet d'afficher un certain nombre de DIV en fonction d'un nombre choisi dans une liste déroulante. Rien de bien compliqué vu comme ça, pourtant je bloque :/

J'ai cependant commencé à écrire une fonction JS, mais qui ne fonctionne pas. J'ai également pensé à le faire en jQuery mais je ne vois pas comment (et j'ai des connaissances très limitées avec jQuery).

Voici le code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
<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" name="" 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>

Le code en JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function choixSas() {
                            if (document.ajoutCourse.sas.value == 1)
                                document.getElementById("sasOk").style.display = "inline";
                            else
                                document.getElementById("sasOk").style.display = "none";
                        }
 
                        var sasNb = document.getElementById('sasNb');
                        sasNb.addEventListener('change', nbSas);
 
                        function nbSas() {
                            var i;
                            var nombre = sasNb.options[sasNb.selectedIndex].value;
 
                            for(i = 0; i < nombre; ++i) {
                                var div = document.createElement('div');
                                document.body.appendChild(div);
                            }
                        }
Merci d'avance pour vos réponses !