web-dev-qa-db-fra.com

Afficher le champ de saisie uniquement si une option spécifique est sélectionnée

J'essaie de créer un formulaire qui vérifie si une certaine option est sélectionnée à partir d'une balise "select". Voici mon HTML actuel:

<select onchange="yesnoCheck()">
    <option id="noCheck" value="">Valitse automerkkisi</option>
    <option id="noCheck" value="lada">Lada</option>
    <option id="noCheck" value="mosse">Mosse</option>
    <option id="noCheck" value="volga">Volga</option>
    <option id="noCheck" value="vartburg">Vartburg</option>
    <option id="yesCheck" value="other">Muu</option>
</select>

C'est l'élément div qui devrait devenir visible après avoir sélectionné "Muu":

<div id="ifYes" style="display: none;">
    <label for="car">Muu, mikä?</label> <input type="text" id="car" name="car" /><br />
</div>

Et voici le JavaScript que j'essaie d'utiliser:

<script type="text/javascript">
    function yesnoCheck() {
        if (document.getElementById("yesCheck").checked) {
            document.getElementById("ifYes").style.display = "block";
        } else {
            document.getElementById("ifYes").style.display = "none";
        }
    }
</script>

Mais ça ne marche pas ...

javascripthtmlformshtml-select
14
user1589375

voici:

function yesnoCheck(that) {
    if (that.value == "other") {
  alert("check");
        document.getElementById("ifYes").style.display = "block";
    } else {
        document.getElementById("ifYes").style.display = "none";
    }
}
<select onchange="yesnoCheck(this);">
    <option value="">Valitse automerkkisi</option>
    <option value="lada">Lada</option>
    <option value="mosse">Mosse</option>
    <option value="volga">Volga</option>
    <option value="vartburg">Vartburg</option>
    <option value="other">Muu</option>
</select>

<div id="ifYes" style="display: none;">
    <label for="car">Muu, mikä?</label> <input type="text" id="car" name="car" /><br />
</div>
35
Josephus87

Vérifiez: Afficher div si une valeur d'option de sélection spécifique est sélectionnée

N'utilisez pas non plus les attributs ou les valeurs de données ID pour vérifier la comparaison.

1
Mike