Afficher/cacher DIV selon SELECT

Résolu/Fermé

Sinistrus Messages postés 1010 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - Modifié le 20 sept. 2018 à 01:39
Sinistrus Messages postés 1010 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - 20 sept. 2018 à 20:37

Bonjour à tous !

Je sollicite votre aide en javascript.
Ce code affiche ou cache une DIV selon un choix bien définit d'un SELECT :

<select id="Fr_Pays">
    <option value="#01">Espagne</option>
    <option value="#02">Italie</option>
    <option value="#01">France</option>
</select>

<div id="02">Texte 2</div> 
<div id="01">Texte 1</div>

<script>
$(function () {
    var divs = $("div");
    divs.not("#box1").hide();
    $("#Fr_Pays").change(function () {
        divs.filter(":visible").hide();
        $($(this).val()).show();
        return false;
    });
});
</script>

Je souhaites le faire fonctionner autrement et étant novice en javascript, je suis dans une galère pas possible :

<select id="Fr_Pays">
    <option value="Espagne">Espagne</option>
    <option value="Côte d'Or">Côte d'Or</option>
    <option value="France">France</option>
</select>

<div id="Afficher_01">Texte 1</div> 
<div id="Afficher_02">Texte 2</div>

Comment rendre visible "Afficher_01" si je sélectionne "Côte d'Or" et cacher "Afficher_02", et rendre visible "Afficher_02" si je sélectionne le reste (Italie, France...) et cacher "Afficher_01" ?

Pouvez-vous m'aider svp ?
Merci d'avance !

A voir également:

Afficher/cacher DIV selon SELECT
Cacher conversation whatsapp - Guide
Afficher appdata - Guide
Cacher application android - Guide
Afficher mot de passe wifi android - Guide
Comment cacher ses amis sur facebook - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
Modifié le 20 sept. 2018 à 08:55

Bonjour,

un truc du genre

$(function () {
    var divs = $("div");
    divs.not("#box1").hide();
    $("#Fr_Pays").change(function () {
        divs.filter(":visible").hide();
        var selection = $(this).val();
        if(selection == "Côte d'Or"){
          $("#Afficher_01").show();
        }else{
          $("#Afficher_02").show();
        }
        return false;
    });
});

Sinistrus Messages postés 1010 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
20 sept. 2018 à 20:37

Merci Jordan !
C'est exactement ça !

Discussions similaires

Aide Please select boot device

"Reboot and Select proper Boot Device"