Option jQuery IF sélectionnée

Question

J'essaie de vérifier avec jQuery si l'option de sélection avec la valeur = 1 est sélectionnée puis ajouter une classe à certains éléments. Mais quelque chose ne fonctionne pas. Pouvez-vous s'il vous plaît quelqu'un regarder le code?

Mon code:

Reservation <br/> 
<select id="rReservation" name="rReservation" class=""> 
           <option value="0">Maybe</option> 
           <option value="1">Sure</option> 
</select> 
<hr/> 
Name <br/> 
<input type="text" name="rCardUser" class="mRequired" /> 

<hr/> 
Card<br/> 
<input type="text" name="rCardNrr" class="mRequired" /> 

jQuery

if ($("#rReservation").val() == "1") { 
    $('.mRequired').addClass('required'); 
} else { 
    $('.mRequired').removeClass('required'); 
} 

EXEMPLE EN DIRECT à violon - http://jsfiddle.net/C7Gg3/

Answer 1

vous en avez besoin dans un gestionnaire d'événements:

$('#rReservation').change(function(){ 
    $('.mRequired').toggleClass('required', $(this).val() == '1'); 
}); 

http://jsfiddle.net/AlienWebguy/C7Gg3/1/

Si vous voulez déclencher simplement la charge, vous devez ajouter selected="selected" à l'une des options, parce que l'on est « sélectionné », $('#rReservation").val() sera null. Exemple: http://jsfiddle.net/AlienWebguy/C7Gg3/3/

Answer 2

Vous devez écouter l'événement change:

$("#rReservation").change(function(){ 
    if ($("#rReservation").val() == "1") { 
     $('.mRequired').addClass('required'); 
    } else { 
     $('.mRequired').removeClass('required'); 
    } 
}); 

http://jsfiddle.net/epkN8/

Answer 3

Vous devez vous assurer que vous avez enveloppé votre code dans un événement de changement afin que vous écoutez pour le changement qui se passe.

http://jsfiddle.net/C7Gg3/2/

$('#rReservation').change(function(){ /* my code goes here */}); 

Answer 4

Peut-être que vous voulez ajouter/supprimer la classe à chaque fois que la valeur change <select>:

$(function() 
{ 
    $("#rReservation").change() 
    { 
     $('.mRequired').toggleClass('required', $(this).val() == "1"); 
    } 
});