我有一个带有“list
”属性的 INPUT 元素。
HTML代码:
<input id="options" list="option" onclick="myExpand();" />
<datalist id="option">
<option value="Option A" />
<option value="Option B" />
</datalist>
仅当我单击右侧箭头时,列表才会打开。
有没有办法用 javascript 在“onclick
”事件中打开列表?
已经尝试使用 ExpandSelect("option");
没有结果。
提前致谢。
最佳答案
看起来您无法使用当前代码执行此操作。单击用于通过键盘启用文本输入(单击后开始键入,您会看到)。此时打开列表可能会令人困惑(并且可能会使屏幕阅读器感到困惑),或者如果用户知道他们想输入其他内容,则会惹恼他们。我在 DOM API 中看不到一种方法可以让您进入它显示的弹出窗口,只是到 <datalist>
.
第二次点击会显示您想要的列表。
你可以使用 <select>
元素代替。这将在点击时打开,但不会让您输入其他内容。而且您不能将数据列表与它一起使用。
您可以使用其他一些方案来管理弹出窗口。创建您自己的显示 onclick 的弹出窗口。使用 JQuery 等 Javascript 工具包会容易得多。
关于javascript - 打开输入元素列表 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42516937/