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和一个数字输入，但我更喜欢独立于所有这些的通用解决方案。