如何使用javascript显示数据列表建议?
我发现新的如何使用javascript显示数据列表建议?,javascript,html,html-datalist,Javascript,Html,Html Datalist,我发现新的通常非常有用,但我认为这些建议还不够明显。有没有一种方法可以使用javascript触发数据列表建议的显示 例如,我在()上有一个数据列表 输入斐波那契数: 提出建议 $(“#显示建议”)。单击(函数(){ //.showSuggestions()不存在。 //我希望它显示输入字段的建议值。 $(“#myinput”).showSuggestions(); }); 在Chrome中,只有当输入为空、已经有焦点且用户单击输入时,才会显示完整的建议列表。向下箭头不显示建议-它只是减少值
通常非常有用,但我认为这些建议还不够明显。有没有一种方法可以使用javascript触发数据列表建议的显示
例如,我在
()上有一个数据列表
输入斐波那契数:
提出建议
$(“#显示建议”)。单击(函数(){
//.showSuggestions()不存在。
//我希望它显示输入字段的建议值。
$(“#myinput”).showSuggestions();
});
在Chrome中,只有当输入为空、已经有焦点且用户单击输入时,才会显示完整的建议列表。向下箭头不显示建议-它只是减少值
我想让大家更清楚地看到这些建议。例如,我添加了一个按钮,用来打开建议列表。我应该在onClick处理程序中放入什么
我在本例中使用了Chrome、jQuery和数字输入,但我更喜欢独立于所有这些的通用解决方案。如果删除type=“number”,用户可以使用基本的alt+向下箭头键盘快捷键获取下拉列表
如果这对你不起作用。我建议使用混合方法,例如
<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>