滚动网页时，数据列表未固定到文本框

Question

我想要一个也有下拉列表的文本框。它还应该能够从下拉选项中进行搜索。下面的代码满足上述要求，但当页面向下滚动时，下拉列表会随页面移动而不是固定到文本框。

＆＃13;

＆＃13;

<datalist id="browsers"  style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
<input list="browsers" name="browser">

＆＃13;

＆＃13;

＆＃13;

Answer 1

为什么不使用Chosen？ Chosen在这方面非常有效。您不仅可以在下拉列表中进行搜索，还可以一次选择多个项目。

在JsFiddle

看看她