选择后删除Required属性

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>

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

所以我认为最佳做法是执行onchange之类的操作并删除所需内容.removeAttribute("required")？

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

Answer 1

执行此操作的伪代码：

if(field2.value || field3.value) {
     $("field1").removeAttr("required");
}

希望这有帮助！

Answer 2

您可以使用jquery removeAttr功能或使用javascript removeAttribute功能

Answer 3

你可以简单地添加这个

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

Answer 4

您可以使用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');
      }
    }
});