Javascript 如何附加到select2中现有的下拉选项之一？

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

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

有没有一种方法可以按照我希望您使用的方式自定义自动完成功能？ 有没有其他基于jQuery的替代方案可以帮助我做到这一点

（我也尝试过使用标签：是的，但这有点老套，并不是我想要的方式）

当前代码：

<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

---

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

$（“#主题”）。选择2({
标签：是的，
标记分隔符：['，'，'；']
})

JAVA
javascript
jquery用户界面

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

$（“#主题”）。选择2({
标签：是的，
标记分隔符：['，'，'；']
})

JAVA
javascript
jquery用户界面

check is this you want，tokenizer supports multi-select and auto add new options check is you want，tokenizer supports multi-select and auto add new options我已经试过了，这是我能找到的最接近我想要的，但是，编辑后它不允许编辑现有值，而是创建2个标记：例如，我已经尝试过了，这是我能找到的最接近我想要的东西，但是，在编辑时，它不允许您编辑现有的值，而是创建了2个标记：例如：预期：[java]==>[javascript]实际：[java]==>[java][script]我最终使用JQueryAutoComplete和JQueryUI构建了我想要的东西。我已经尝试过了，这是我能找到的最接近我想要的东西，但是，编辑后它不允许编辑现有的值，而是创建了两个标记：例如，我已经尝试过了，这是我能找到的最接近我想要的东西，但是，编辑后，它不允许您编辑现有的值，而是创建了两个标记：例如：designed:[java]==>[javascript]actual:[java]==>[java][script]我最终使用JQueryAutoComplete和JQueryUI构建了我想要的。