使用HTML进行需求验证时,Select2无法正常工作

问题描述

我有一个问题。当我尝试使用必需时,Select2对我不起作用。

FORCE_SCRIPT_NAME = '/'

如果我使用<form method="POST" action="/example"> <select class="select2" name="test" required> <option>Test</option> <option>Test2</option> </select> <button type="submit">Add</button> </form> ,那么它可以工作,但是select2元素不能以相同的行为工作。我不需要多项选择

我将不胜感激。谢谢!

解决方法

您尝试使用allowClear = False:

$('select').select2({
  placeholder: 'This is my placeholder',allowClear: false
});

您还可以使用“ multiple”并在1中设置maximumSelectionLength

 $('select').select2({
      placeholder: 'This is my placeholder',maximumSelectionLength: 1
      allowClear: false
  });

您还可以尝试在init之后将所需的属性添加到元素中

$('#idSelect').select2();

$('#idSelect').attr("required","required" );