javascript - 如何追加到 select2 中现有的下拉选项之一？

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>