Question

我正在创建一个表单，其中选择下拉列表中的某些值需要启用其他输入，而有些则不需要。我有两个需要启用输入的值和两个需要禁用它的值。

有没有办法把它放在一个jquery脚本中，而不是再为每个值写出来？

我是Jquery的新手，所以我想知道是否有一种语法可以用来评估同一个动作的两个值。

到目前为止我所拥有的是......

Jquery的：

  $(function() {
    $('#dropdown').change(function() {
     $("#input").attr("disabled", $("#value1").val() == "disable input");
  });
});

HTML：

      <select class="form-control" name="ship_method" id="ship_method"> 
        <option value=""> ... </option>
        <option value="value1">disable input 1</option>
        <option value="value2">don't disable input 1</option>
        <option value="value3">disable input 2</option>
        <option value="value4">don't disable input 2</option>
      </select>

我是否只需要编写一个针对“value3”的额外行，或者是否有更简化的方法来执行此操作？谢谢！

Answer 1

最干净的可能是拥有导致其被禁用的值数组，然后查看select的值是否为其中一个值。

$('#input').attr('disabled', 
    ['value1', 'value3'].includes($('#ship_method').val()));

jquery - 如何在html表单中禁用多个选择值的输入？

1 个答案: