Полоса прокрутки для Datalist в HTML5


У меня проблемы с datalist в HTML5, у меня 10000 строк для отображения в моих значениях option, я заполняю из mysql с помощью PHP, по какой-то причине я не вижу полосы прокрутки, я пытался overflow:scroll настроить height и width, но без помощи. Пожалуйста, помогите мне!

<div class="container">
    <form action="NutritionDataBank.php" method="post">
        <label>Select NDBNum:</label>
        <input list="ndbnum" id="ndb" placeholder="e.g.1001" size="20" multiple>

        <datalist id="ndbnum">
            <?php
                //...                               
                while($row = mysqli_fetch_array($result)){
                   echo "<option value=$row[ndbNum]></option>"; 
                }
            ?>
        </datalist>
    </form>
</div>
Author: Rodrigo Hahn, 2014-04-13

1 answers

К сожалению, с атрибутом datalist вы мало что можете сделать. В настоящее время datalist не поддерживает никаких стилей CSS, а конкретные визуальные характеристики зависят от браузера. Некоторые браузеры могут добавить полосы прокрутки для длинных списков.

Если это неприемлемо, возможно, вам придется забыть о datalist и реализовать выпадающий список с помощью Javascript. Я считаю, что в jQuery есть функция автозаполнения, которая может оказаться подходящей.

 13
Author: G__, 2014-04-20 21:12:10