我正在使用 HTML5datalist允许通过自动完成和过滤功能从大列表中进行选择。但我只想允许从预定义的选项中进行选择。查看小提琴演示http://jsfiddle.net/tharas/rrkdu8pk/ http://jsfiddle.net/tharas/rrkdu8pk/。
我希望用户仅从指定的值中进行选择<option>标签。是否可以？
如果选项中没有，您可以在输入上使用“onchange”来重置值：
<body>
<!-- use 'required' for not letting the user submit the empty input
by hitting the enter button too quick-->
<input list="browsers" onchange="resetIfInvalid(this);" required >
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</body>
<script>
function resetIfInvalid(el){
//just for beeing sure that nothing is done if no value selected
if (el.value == "")
return;
var options = el.list.options;
for (var i = 0; i< options.length; i++) {
if (el.value == options[i].value)
//option matches: work is done
return;
}
//no match was found: reset the value
el.value = "";
}
</script>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
