选择后删除必需属性

Question

我有这个搜索栏：

我不希望用户进行完整搜索，因为数据库中有大约 40000 条记录，这需要一段时间。

所以我将其分为两个选项，并且根据需要设置了第一个字段，

<select required name="field1" id="destination" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true"> <option name="country" value="">Field</option> <option name="country" value="%">Any destination</option> </select>

但如果他们选择字段 2 或字段 3，我需要删除该必填字段。

所以我认为最好的做法是做类似的事情onchange并删除这样的事情所需的东西.removeAttribute("required")？

最简单的方法是什么？普通还是 JQuery？我是 JavaScript 的初学者，所以任何反馈都会有帮助。

Answer 1

您只需添加这个即可

$("field1").prop('required',false);

Answer 2

您可以使用 jquery 执行以下操作：（假设 field2 和 field3 是这些下拉字段的 id。）

$(document).ready(function(){
    var field2 = '';
    var field3 = '';
    $('#field2').on('change',function(){
        field = $(this).val();
        removeRequired();
    });
    $('#field3').on('change',function(){
        field3 = $(this).val();
        removeRequired();
    });
    function removeRequired(){
      if(field2 != '' && field3 != '')
      {
          $('#destination').removeAttr('required');
      }
    }
});