ウェブページがスクロールされたときに、データリストがテキストボックスに固定されない

Question

ドロップダウンを持つテキストボックスが必要です。また、ドロップダウンオプションから検索することもできます。下のコードは上記の要件を満たしていますが、ページがスクロールダウンされると、ドロップダウンはテキストボックスに固定されずにページと共に移動します。

<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

あなたがChosenを使用していないのはなぜ？ Chosenはこの目的で本当に効果的です。ドロップダウン内だけでなく、一度に複数の項目を選択することもできます。

彼女を見てくださいJsFiddle