Question

我是jQuery的新手，在搜索谷歌一天后，我仍然没有解决方案。当我选择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();
});

还有很多不同的东西（给选项或某些标签提供ID），但仍然没有:(

Answer 1

您应该使用选择更改事件，并在更改时检查值，因为选项通常不会触发鼠标事件。

$('.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 2

试试这个：

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

Answer 3

尝试，

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

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');}
})

当我选择特定选项jQuery时，如何removeClass

6 个答案: