jquery - 使用 jQuery 根据选择选项的更改切换要禁用的输入？

Question

我有一个选择下拉菜单:

<select class="selector">
  <option value="Yes">Enabled</option>
  <option value="No">Disabled</option>
</select>

还有一个输入:

<input type="text" class="tester" value="test">

我想要做的是当选择选项更改时切换输入上的禁用属性。因此，如果启用了所选选项，则应启用输入，反之亦然。

遵循 jQuery change() 的注释我试图让它发挥作用，但它就是不想这样做。不确定我在这里做错了什么，因为它看起来很简单:

$( ".selector" )
.change(function () {
  var selector = $("selector").val();
  if (selector == 'No') {
    $('.tester').prop( "disabled", true );
  } else {
    $('.tester').prop( "disabled", false );
  }
})
.change();

有人可以向我指出我的逻辑哪里出了问题吗？提前致谢!

A fiddle is available here .

Answer 1

您在回调函数中使用了错误的选择器:

$( ".selector" )
.change(function () {
  var selector = $('selector').val(); // The problem is here
  if (selector == 'No') {
    $('.tester').prop( "disabled", true );
  } else {
    $('.tester').prop( "disabled", false );
  }
})
.change();

尝试将其更改为:

$( ".selector" )
.change(function () {
  var selector = $(this).val(); // Leverages "this" instead of repeating the selector
  if (selector == 'No') {
    $('.tester').prop( "disabled", true );
  } else {
    $('.tester').prop( "disabled", false );
  }
})
.change();

https://jsfiddle.net/517s881e/6/