Afficher un contenu si l'option d'un select change

Salut l'ami. Tu dois d'abord savoir qu'on ne met jamais uniquement des chiffres dans l'attribut `id` d'un élément HTML :D. Pour ce qui est de ton code, voici une solution que je proposes 8-)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div class="uti">
        <label for="question-secret-select">Question secrete : </label>
            <select id="questions" style="width: 299px;" name="questio-secret-select">
                <option value="<?php if (isset($_POST['question-secret-select'])) echo htmlentities(trim($_POST['question-secret-select'])); ?>">Quel est le nom de jeune fille de votre grand-mère  ?</option>
                <option value="<?php if (isset($_POST['question-secret-select'])) echo htmlentities(trim($_POST['question-secret-select'])); ?>">Quel est le nom de votre professeur préféré étant petit?</option>
                <option value="<?php if (isset($_POST['question-secret-select'])) echo htmlentities(trim($_POST['question-secret-select'])); ?>">Quel est le titre du livre/film qui vous a le plus marqué ?</option>
                <option value="<?php if (isset($_POST['question-secret-select'])) echo htmlentities(trim($_POST['question-secret-select'])); ?>">Quelle est la marque de votre première voiture ?</option>
                <option value="<?php if (isset($_POST['question-secret-select'])) echo htmlentities(trim($_POST['question-secret-select'])); ?>">Quel est le nom de la première école où vous êtes allé ?</option>
                <option value="<?php if (isset($_POST['question-secret-select'])) echo htmlentities(trim($_POST['question-secret-select'])); ?>">Quel est le nom de votre personalité favorite ?</option>
                <option value="<?php if (isset($_POST['question-secret'])) echo htmlentities(trim($_POST['question-secret'])); ?>">Autre</option>
            </select>
        </div>
 
    <div id="autre" class="uti" style="display: none;">
        <label for="question-secret">Question secrete : </label>
        <input type="text" name="question-secret" value="<?php if (isset($_POST['question-secret'])) echo htmlentities(trim($_POST['question-secret'])); ?>" >
    </div>

Coté javascript essaie ceci

Code:

1
2
3
4
5
6
7
8
9
10
 
        let select = document.querySelector("#questions")
 
        select.addEventListener('change', () => {
            if (select.options[select.selectedIndex].innerText === "Autre") {
                document.querySelector("#autre").style.display = "block"
            } else {
                document.querySelector("#autre").style.display = "none"
            }
        })

J'espère t'avoir aidé ! Si c'est le cas alors n'oublie pas de marquer comme résolu ;)