如何在chrome上正确显示大型数据列表

Question

我最近制作了一个需要输入需要自动填充的表单。一切都工作正常，直到我用大量数据进行测试，突然中断了。

我使用了一个动态设置选项的数据列表，如果在边缘或firefox上一切正常，输入的下拉列表在与chrome一起使用时没有正确排列。

这里分别是firefox和edge：

而现在，这就是它在chrome上的样子

我尝试了几件事，比如异步填充它，但似乎没有什么可以做的，无论我编码的方式，只要列表长度超过某一点就不再与其输入一致。任何帮助将不胜感激

例子

HTML

let el = document.getElementById('exemple');
        for(i=0;i<200;i++){
            let option = document.createElement('OPTION');
            option.innerHTML = i
            el.appendChild(option);
        }

<input list="exemple">
<datalist id="exemple">
</datalist>

Answer 1

如何为您的datalist使用Select2库（https://select2.org/dropdown）