Question

我有一个带有图标的标准选择下拉列表。当用户单击该图标时，打开下拉列表将很有意义，但是我很难找到一种执行此操作的好方法。我通常使用标签标记并将其连接到输入，但这在这种情况下不起作用。我宁愿使用select标记而不是变通方法，因为使用本机选择器时移动体验会更好。

作品：

<label for="cb">Check boxes work</label>
<input type="checkbox" id="cb" name="cb" />

不起作用：

<label for="DDL">Label only highlights DDL</label>

<select id="DDL" name="DDL">
    <option>Please open...</option>
    <option>Ugh</option>
</select>

我还发现JavaScript和JQuery不起作用。

<button type="button" onClick="document.getElementById('DDL').click()">JavaScript doesn't work</button>
<button type="button" onClick="$('#DDL').click()">JQuery doesn't work</button>

Here's到w3学校游乐场的链接，我一直在使用它来尝试找到此问题的解决方案。是否可以通过编程方式打开Select标签？

以编程方式单击“选择元素”

0 个答案: