Javascript 带有搜索和输入的HTML下拉框

我试着寻找我想要的，这是我能找到的最接近的：

使用Yogesh Singh提供的jQuery下拉搜索框

它可以提供带有搜索功能的HTML下拉列表。 然而，我希望拥有的是输入能力。即，如果未找到任何内容，则使用用户输入作为结果。 我试着看代码

$(document).ready(function(){
 
  // Initialize select2
  $("#selUser").select2();

  // Read selected option
  $('#but_read').click(function(){
    var username = $('#selUser option:selected').text();
    var userid = $('#selUser').val();

    $('#result').html("id : " + userid + ", name : " + username);

  });
});

更新：使用数据列表。要求：

如果找到，则使用找到的值作为结果。 如果未找到任何内容，则使用用户输入作为结果。 也许两者都是相同的情况，但我不知道该怎么说

$document.on'change'，place'，function{ $fax.val$place.val； }; 类似于一个单独的选择元素，链接到它前面的文本字段，并根据所选内容简单地更新textfield的值。如果希望基于文本字段上的更改事件运行代码，则需要先读取数据列表，然后从中选择标签。如果没有值，则从文本字段中选择文本

$document.readyfunction{ $document.on'change'，place'，function{ 让我的字符串= $this.next.findoption[value='+$this.val+'].proplabel； myString=myString？myString:$this.val； $fax.valmyString； $this.valmyString；//如果您也希望在文本字段中显示相同的字符串 }; };

---

您可以使用标准的datalist元素：哇，就这么简单！！谢谢更新，所以@Rorymcrossan，你能用显示最终选择/输入结果的js脚本回答吗？我随后搜索并找到了，但它只能进行选择，不能输入。你能指定预期的结果吗？我不是在指责你什么。我是想帮你。另外，我也不是随时都可以回答你的问题。我碰巧通过了这一个，并假设您能够自己设法找到如何使用基本控件。显然不是。