是否有HTML5 DataList的SelectedIndex？ [英] Is there a SelectedIndex for an HTML5 DataList?
本文介绍了是否有HTML5 DataList的SelectedIndex？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
您可以选择任何选择元素的当前选项：
You can pick the current option of any select element:
mySelect.options[mySelect.selectedIndex]
我可以使用DataList执行相同的操作吗？这样的事情：
Can I do the same with a DataList? Something like this:
<input id = "input" list = "datalist" type = "text" />
<datalist id = "datalist">
<option value = "No. 1"></option>
<option value = "No. 2"></option>
<option value = "No. 3"></option>
</datalist>
<script>
var datalist = document.getElementById ("datalist");
var input = document.getElementById ("input");
input.addEventListener ("keyup", function (event) {
if (event.which === 13) {
alert (datalist.options[datalist.selectedIndex]); // Example
}
}, false);
</script>
推荐答案
不，datalist元素用于为输入提供自动完成功能。它是数据源，对用户隐藏，多个输入可以链接到它。因此，拥有 selectedIndex 是没有意义的。
No, the datalist element is for providing autocomplete to inputs. It is a source of data, is hidden from the user, and multiple inputs may link to it. Therefore it doesn't make sense to have a selectedIndex.
相反，你应该只检查。价值：
var datalist = document.getElementById ("datalist");
var input = document.getElementById ("input");
input.addEventListener ("keyup", function (event) {
if (event.which === 13) {
alert(input.value);
}
}, false);
这篇关于是否有HTML5 DataList的SelectedIndex？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
