我在 Lit-Element Web 组件中有这个数据列表:
<input list="cars" name="car" placeholder = "Type car name">
<datalist id="cars">
<option value="Jeep">
<option value="Lamborghini">
<option value="Ferrari">
<option value="Fiat 500">
<option value="Gran Torino">
</datalist>
如果我从列表中选择这些选项之一,然后再次单击输入字段,我将看不到选项列表,而只能看到所选选项。如果我想查看所有选项,我必须用键盘手动删除输入字段上写的选项。
即使选择了其中一个选项,是否存在一种显示所有选项的方法?
或者更好的是,是否存在一种方法可以在焦点或单击时清除输入字段?
没有 JQuery。
Create onfocus
and onchange
你的听众input
选择选项后清除焦点的元素,然后清除焦点上的输入。
<input list="cars" name="car" onfocus="this.value=''" onchange="this.blur();" placeholder = "Type car name">
<datalist id="cars">
<option value="Jeep">
<option value="Lamborghini">
<option value="Ferrari">
<option value="Fiat 500">
<option value="Gran Torino">
</datalist>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)