通过使用select2输入ENTER，防止多次选择第一个元素

Question

<select style="width:100%;" id="element_dropdown"  multiple="multiple">
      <option value="1">First</option>
      <option value="2">Second</option>
      <option value="3">Third</option>
</select>

$('#element_dropdown).select2({
      closeOnSelect: true,
      placeholder: "Select an element",
      width: '100%',
      templateResult: formatFunction,
      formatResult: formatFunction,
      formatSelection: formatFunction,
 });

有没有办法做到这一点。我正在使用select2 3.5。每次我点击回车，当允许多个值时，第一个元素会被添加几次。我注意到我的所有下拉菜单都是这样做的。

我找到的唯一解决方案是添加minimumInputLength: 2，但它阻止我在不键入字符的情况下快速选择任何选项。

Answer 1

你尝试过使用openOnEnter: false选项吗？

$('#element_dropdown').select2({
      placeholder: "Select an element",
      width: '100%',
      openOnEnter: false
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.4/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.4/select2.min.js"></script>

<select style="width:100%;" id="element_dropdown" multiple="multiple">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
</select>