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

时间:2017-12-18 22:00:44

标签: jquery jquery-select2

<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,但它阻止我在不输入字符的情况下快速选择任何选项。

1 个答案:

答案 0 :(得分:0)

您是否尝试使用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>