Thuật sĩ không cố định vào hộp văn bản khi trang web được cuộn

Question

Tôi muốn một hộp văn bản cũng có một menu thả xuống. Nó cũng sẽ có thể tìm kiếm từ các tùy chọn thả xuống. Mã dưới đây thỏa mãn yêu cầu trên nhưng khi trang được cuộn xuống, menu thả xuống sẽ di chuyển cùng với trang thay vì được cố định vào hộp văn bản.

<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">

Answer 1

Tại sao bạn không sử dụng Chosen? Chosen thực sự hiệu quả trong mục đích này. Bạn không chỉ có thể tìm kiếm bên trong danh sách thả xuống mà còn có thể chọn nhiều mục cùng một lúc.

Hãy xem cô ấy trong JsFiddle