Как удалитьClass при выборе определенной опции jQuery

Question

Я новичок в jQuery и после 1 дня поиска google у меня все еще нет решения. Мне нужно удалить class="hidden", когда я выбираю опцию с value="test" и добавляю class="hidden", когда я выбираю другой вариант без кнопки отправки. Пожалуйста помоги.

<select name="cars" class="help"> 
    <option value="volvo">volvo</option> 
    <option value="saab">saab</option> 
    <option value="mercedes">mercedes</option> 
    <option value="audi">audi</option> 
    <option value="test">Test</option> 
</select> 
<input type="checkbox" class="hidden"> 

Я пробовал:

$('.select option[value="test"]').clcik(function(){ 
    $(".hidden").removeClass(); 
}); 

И много разных вещей (дать идентификатор опции или какой-то тег), но все еще ничего :(

Answer 1

попробовать это:

$('.help').change(function(){ 
    if($(this).val() == 'test') 
    $(".hidden").removeClass(); 
}); 

Answer 2

Пробег,

$(".help").change(function(){ 
    if($.trim($(this).val()) === "test"){ 
    $('input.hidden').removeClass('hidden'); 
    } 
}); 

Answer 3

Вы должны использовать событие changes change и проверять значение при его изменении, поскольку параметры обычно не запускают события мыши.

$('.help').on('change', function() { 
    if (this.value == 'test') $('.hidden').removeClass('hidden'); 
}); 

для переключения класса входы, сделать

$('.help').on('change', function() { 
    $('input[type="checkbox"]').toggleClass('hidden', this.value != 'test'); 
}); 

FIDDLE

Answer 4

Попробуйте это:

$('select').change(function(){ 
if($(this).val()=="test") 
    $(".hidden").removeClass('hidden'); 
}); 

Working Fiddle

Answer 5

попробуйте что-то вроде этого

$(function(){ 
    $('.help').change(function(){ 
     if(this.value == 'test'){ 
      $(this).removeClass('hidden'); 
     }else{ 
      $(this).addClass('hidden'); 
     } 
    }) 
}) 

Answer 6

Это поможет вам.

$('.help').on('change', function() { 
    if (this.value == 'test') {$(input).removeClass('hidden');} 
    else {$(input).addClass('hidden');} 
})