Javascript Datalist-仅显示x数量的选项

所以我有一个html数据列表，它包含了几乎6000个选项，类似下面的示例

问题是它在你的浏览器上打开了很多选项，我一次只需要10个就可以看到，而且它需要是一个在你开始打字时自动完成的字段

有没有办法只显示列表中返回的前10个选项

对于i=0；i<6000；i++{ $'myList'。追加； }

---

我在stack overflow中发现了另一个问题，它可以通过将控件类型从input更改为select来帮助您：

您可以在其中一个答案中找到解决方案：

对于i=0；i<6000；i++{ $'sel'。附加示例'+i+'； } getElementById'sel'。addEventListener'click'，onClickHandler； document.getElementById'sel'。addEventListener'mousedown'，onMouseDownHandler； mousedownhandlere的函数{ var el=e.currentTarget； ifel.hasAttribute'size'&&el.getAttribute'size'='1'{ e、 防止违约； } } 功能控制手柄{ var el=e.currentTarget； 如果el.getAttribute'size'='1'{ el.className+=选择打开； el.setAttribute'size'，'6'； } 否则{ el.className=； el.setAttribute'size'，'1'； } } 挑选{ 位置：绝对位置； z指数：0； 宽度：200px； } .选择打开{ z指数：9； }

---

我设法找到了插件的解决办法。非常好用，可在bower和npm上轻松访问。

查看此链接，这是Chrome浏览器中的一个错误，谢谢，但这似乎是另一个问题。列表确实会显示，我只想将下拉列表限制为仅显示第一个列表10suggestions@Ruan克鲁格：我试图绕过这个问题，用selectThank代替输入控件，但问题是你需要键入单词的开头，然后从列表中选择正确的选项。“选择”不提供键入单词的选项。我尝试将事件和样式设置为输入控件，但我无法立即使其正常工作。您可以改为从jQuery用户界面使用autocomplete，这可能会有所帮助：