Jquery ne fonctionne pas sur chrome

Par Med-, il y a 11 ans

Javascript

Bonjour
ce code dessous marche sur firefox mais dans google chrome ne fonctionne pas .
je n'ai pas trouvé la solution dans le web sachant qu'il y a plusieurs gens ont méme ce problème là

code js :

$('#select_promo .precision').click(function(){
$("#preciser_pro").css('display','block');
$("#preciser_pro").show();
});

code html :

<select name="categorie_promo" id="select_promo" class="form-control" >
<option>Multimédia</option>
<option>Services Mobiles</option>
<option class="precision" >Autres, Précisez..</option>
</select>

<input type="text" placeholder="Précisez ici " id="preciser_pro" name="preciser_pro" style="display:none;" >

Merci d'avance

2 réponses

Bahamut45, il y a 11 ans

Bonsoir,

Voici ce que j'ai reussi à faire fonctionner :
Code HTML :

<select name="categorie_promo" id="select_promo" class="form-control" >
<option value="multimedia">Multimédia</option>
<option value="service">Services Mobiles</option>
<option value="autre">Autres, Précisez..</option>
</select>
<input type="text" placeholder="Précisez ici " id="preciser_pro" name="preciser_pro" style="display:none;" >

Code JS : 

$("#select_promo").change(function(){
    var optionValue = $(this).val();
    if (optionValue == "autre") {
        $("#preciser_pro").show();
    }
});

Cordialement

Med-, il y a 11 ans

j'ai trouvé cette solution En tous cas Merci bahamut voici le code :

$('#select_promo').change(function(){
        var choix = $(this).find(":selected").attr('class');
        if(choix=='precision'){
            $("#preciser_pro").show();
        }else{
            $("#preciser_pro").hide();
        }
    });