Znajduję nowy<datalist> ogólnie bardzo przydatne, ale myślę, że sugestie nie są wystarczająco widoczne. Czy istnieje sposób wyzwalania wyświetlania sugestii datalist za pomocą javascript?

Jako przykład mam datalistę na<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>

W Chrome pełna lista sugestii jest wyświetlana tylko wtedy, gdy wejście jest puste, ma już fokus, a następnie użytkownik klika na wejście. Strzałka w dół nie pokazuje sugestii - po prostu zmniejsza wartość.

Chciałbym, aby sugestie były bardziej widoczne. Jako przykład dodałem przycisk, który ma otworzyć listę sugestii. Co mogę umieścić w programie obsługi onClick?

W tym przykładzie użyłem Chrome, jQuery i wprowadzania liczb, ale wolałbym rozwiązanie ogólne, niezależne od wszystkich.