Скрыть параметры списка данных, если поле ввода пустое

Question

У меня есть простой набор данных, настроенный здесь. Я хочу предотвратить возможность щелчка по полю ввода, чтобы увидеть список опций перед вводом чего-либо. Я хочу, чтобы этот список отображался только тогда, когда после ввода чего-либо доступны некоторые возможные совпадения.

<input type="text" list="optionlist" autocomplete="off">
<datalist id="optionlist">
    <select>
            <option>Option 1</option>
            <option>Option 2</option>
            <option>Option 3</option>
            <option>Option 4</option>
            <option>Option 5</option>
    </select>
</datalist>

Answer 1

Если вы используете jQuery (или любой другой инструмент для маскировки выбора элементов):

$("select").click(function (e) {
    if ($("[list=optionList]").val() == "") {
        e.preventDefault();
    }
});