Question

我需要构建一个下拉功能，允许用户： 1.自动完成（基于某些现有值） 2.如果当前选项不合适，则允许添加全新选项。

我认为select2为自动完成下拉列表提供了一个简单的实现，我目前正在使用它。但是，有两个问题： 1.我希望能够使用一些不起作用的自定义文本附加当前下拉选项 2.如果我从自定义文本开始，并希望稍后插入下拉列表（使用自动完成）。这也行不通。

有没有办法以我想要你使用它的方式自定义自动完成功能？是否还有其他基于jQuery的替代方案可以帮助我做到这一点？

（我也尝试过使用标签：true，但这很黑，并没有真正按照我想要的方式工作）。

当前代码：

<select id="subject" name="subject" class="gwp-combo-box>
  <option value="option1">Java</option>
  <option value="option2">javascript</option>
</select>

$(".gwp-combo-box").select2({}); //also tried tags: true

Answer 1

它看起来像这样吗？运行并检查

$("#subject").select2({
  tags: true,
  tokenSeparators: [',', ';']
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select id="subject" name="subject" class="gwp-combo-box" multiple="multiple">
  <option>Java</option>
  <option>javascript</option>
  <option>jquery ui</option>
</select>

如何附加到select2中的某个现有下拉选项？

1 个答案: