Как показывать предложения от datalist с использованием javascript?

Я нахожу новый<datalist> в целом очень полезно, но я думаю, что предложения не видны достаточно. Есть ли способ вызвать отображение предложений по списку данных с использованием JavaScript?

Как пример, у меня есть данные на<input type="number"> (jsFiddle).

<label>
    Enter a Fibonacci number:
    <input type="number" list="fibonacci" min="0" id="myinput">
</label>
<datalist id="fibonacci">
    <option value="0">
    <option value="1">
    <option value="2">
    <option value="3">
    <option value="5">
    <option value="8">
    <option value="13">
    <option value="21">
</datalist>
<button type="button" id="show-suggestions">Show suggestions</button>

<script>
$('#show-suggestions').click(function() {
    // .showSuggestions() does not exist.
    // I'd like it to display the suggested values for the input field.
    $('#myinput').showSuggestions();
});
</script>

В Chrome полный список предложений отображается только тогда, когда ввод пуст, уже имеет фокус, а затем пользователь нажимает на ввод. Стрелка вниз не показывает предложения - она просто уменьшает значение.

Я хотел бы сделать предложения более заметными. В качестве примера я добавил кнопку, которая должна открывать список предложений. Что я помещаю в обработчик onClick?

В этом примере я использовал Chrome, jQuery и ввод числа, но я бы предпочел универсальное решение, не зависящее от всех этих.

Ответы на вопрос(1)

Ваш ответ на вопрос