Jquery 淘汰js下拉列表，带有输入新值的选项

我想实现一个下拉列表，使用敲除js添加新项目选项。也就是说，用户可以从下拉列表中选择一个选项，并可以从同一下拉列表中输入新值。有人知道如何使用击倒js实现这一点吗

<select>
    <option>Enter new option</option>
    <option>Item1</option>
    <option>Item2</option>
    <option>Item3</option>
    <option>Item4</option>
</select>

输入新选项
项目1
项目2
项目3
项目4

如上面的下拉列表所示，当用户从下拉列表中选择“输入新选项”项目时，他可以输入文本

谢谢

---

Praveen.

仅在HTML中使用

选择
是不可能实现“组合框”的。要实现这一点，您必须进行变通。类似这样的事情可能是一个开始：

HTML:

请参见此处以获取演示：

<select id="dropdown" data-bind="options: dropDownItems, value: dropDownValue">
</select>
<input id="textbox" type="text" data-bind="visible: textBoxVisible" />
<button data-bind="click: showTextBoxValue">Show Current Value</button>

function Demo(){
   var self = this;
   self.dropDownItems = ['Item1', 'Item2', 'Item3', 'Enter new option'];
   self.dropDownValue = ko.observable('one');
   self.textBoxVisible = ko.computed(function(){
      return self.dropDownValue() === 'Enter new option';
   });
   self.showTextBoxValue = function(){
      alert(self.chosenValue());
   };
   return self;         
}       

ko.applyBindings(new Demo());