Javascript jQuery-允许插入文本的组合框

我正在寻找一个组合框，它允许用户搜索预定义选项的数组，但允许用户在组合框中编写自定义文本，并且不会丢弃该文本

我用谷歌搜索出了很多看起来很酷的全功能组合框，但是如果用户插入的文本与任何预定义选项不匹配，每个人都会删除它

我已经尝试过这些插件：

这些都不是我想要的

为了确保我的问题清楚，请看以下示例：。在这里，如果您在组合框中的“聚焦下拉列表，单选”下键入“Violet”，它将被显示，但我希望保留该文本，以便允许用户插入新颜色

我不认为我是这个星球上唯一一个面对过这个问题的人，我真的很确定，在某个地方已经有了现成的解决方案，但谷歌对我隐瞒了

---

PS：我的项目中已经有了jQuery，所以我更喜欢jQuery解决方案，而不是Bootstrap/angularJS。

如果您愿意将其包括在项目中，jQuery UI可以提供该功能（）：

要显示“combobox”，只需将minLength设置为0并调用焦点搜索（请参阅）

---

你想在你的链接中做一些类似于多选（按住Ctrl键选择多个项目）的事情吗？不，我想在焦点下拉列表中插入“紫色”，单选，当我点击时，我键入的内容仍然必须在那里（现在它消失了，因为它不在列表中）。好吧，它不是一个组合框，但它仍然起作用。非常感谢！：）

 $(function() {
   var availableColors = [
     "red",
     "green",
     "blue"
   ];

  $( "#colors" ).autocomplete({
    source: availableColors, 
    minLength:0, 
    delay:0        
  });

  $('#colors').focus(function(){
    $(this).autocomplete('search');
  });
});