11
我發現新的<datalist>通常非常有用，但我認爲這些建議不夠明顯。有沒有辦法觸發使用JavaScript顯示datalist建議？如何使用javascript顯示datalist建議？
舉個例子，我在<input type="number">（jsFiddle）上有一個datalist。
<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和一個數字輸入，但我更喜歡獨立於所有這些的通用解決方案。