如何以编程方式告诉 HTML SELECT 下拉（例如，由于鼠标悬停）？

Question

您如何以编程方式告诉 HTML select 下拉（例如，由于鼠标悬停）？

原文由 Corey Trager 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您不能使用 HTML 选择标签来做到这一点，但您可以使用 JavaScript 和 HTML 来做到这一点。有多种现有控件可以执行此操作 - 例如，附加到 SO“有趣/忽略的标签”条目的“建议”列表，或 Gmail 的电子邮件地址查找。

有许多 JavaScript+HTML 控件提供了这种能力——寻找自动完成控件的想法。

请参阅此链接以获取自动完成控件… http://ajaxcontroltoolkit.codeplex.com/

原文由 rp. 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我不知道我是否完全理解这个问题，但是要打开一个下拉列表，这种简单的方法对我有用。

你有一个元素：

 <span onclick="openDropdown();">Open dropdown</span>

你有一个下拉列表：

 <select class="dropdown">
    <option value="A">Value A</option>
    <option value="B">Value B</option>
    <option value="C">Value C</option>
</select>

使用 JavaScript，您可以执行以下操作：

 document.querySelector('.dropdown').focus();

原文由 Jeroen Bellemans 发布，翻译遵循 CC BY-SA 4.0 许可协议