Javascript 如何在选项中插入此输入搜索？

我有一个带有以下输入搜索框的HTML，以及包含此选择选项的以下标签

我想把搜索框放在选项中，这样如果我在该选项中有10000个。使用搜索框并从中选择所需选项

searchBox=document.queryselector搜索框； 国家=document.querySelectorbtd1； var=keyup时//您可以将其更改为按键、按键或更改 searchBox.addEventListenerkeyup，函数E{ var text=e.target.value； var期权=国家/地区期权； 对于变量i=0；i是的，这是你的。我所做的就是这样；动态onkeyup获取searchbox的值，然后计算包含的选项数。然后进入for循环以获得最佳mach并将其写入select。当然，如果有匹配项，则中断循环，以防止循环去检查其他匹配项，结果是匹配项较少，但有一个匹配项。

选择项不应具有此行为。考虑使用下拉菜单，看一看我理解，但我想在下拉中搜索。如果我按下下拉按钮，搜索框是我在顶部看到的第一个东西，那么你应该使用某种我相信的JQuery插件。这不是实现这一点的方法。要做到这一点，你需要这个插件，或者你需要用ajax php mysql jquery编码。我需要类似的东西。不是那样