javascript - 打开输入元素列表 onclick

Question

我有一个带有“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"); 没有结果。提前致谢。

Answer 1

看起来您无法使用当前代码执行此操作。单击用于通过键盘启用文本输入(单击后开始键入，您会看到)。此时打开列表可能会令人困惑(并且可能会使屏幕阅读器感到困惑)，或者如果用户知道他们想输入其他内容，则会惹恼他们。我在 DOM API 中看不到一种方法可以让您进入它显示的弹出窗口，只是到 <datalist> .

第二次点击会显示您想要的列表。

你可以使用 <select>元素代替。这将在点击时打开，但不会让您输入其他内容。而且您不能将数据列表与它一起使用。

您可以使用其他一些方案来管理弹出窗口。创建您自己的显示 onclick 的弹出窗口。使用 JQuery 等 Javascript 工具包会容易得多。