Question

我的INPUT元素包含＆＃34; list＆＃34;属性。

HTML code：

<input id="options" list="option" onclick="myExpand();" />
<datalist id="option">
  <option value="Option A" />
  <option value="Option B" />
</datalist>

只有点击右侧箭头，列表才会打开。有没有办法在＆＃34; onclick＆＃34;打开列表？使用javascript进行活动？

已经尝试使用ExpandSelect("option");但没有结果。提前谢谢。

Answer 1

看起来您不能使用当前代码执行此操作。点击用于通过键盘启用文本输入（点击后开始输入，你会看到）。如果他们知道他们想要输入其他内容，那么在那一点打开列表可能会令人困惑（并且可能会使屏幕阅读器混乱）或者对用户感到烦恼。我没有在DOM API中看到一种方法，它可以显示它显示的弹出窗口，只有<datalist>。

第二次点击会显示所需的列表。

您可以使用<select>元素。这将在点击时打开，但不会让您输入其他内容。并且你不能使用它的数据主义者。

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

打开输入元素的列表onclick

1 个答案: