【问题标题】:Programmatically open a drop-down menu [duplicate]以编程方式打开下拉菜单[重复]
【发布时间】:2010-05-10 04:13:36
【问题描述】:

可能重复:
How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)

有没有办法以编程方式显示/打开下拉菜单 (<select>)?

【问题讨论】:

标签: javascript html


【解决方案1】:

尝试了几件事后,我无法让它工作。所以也许答案可能是“不可能”。对不起!

您可能做到这一点的唯一方法是使用其中一个 jQuery 插件,该插件将普通的选择元素转换为具有样式的普通元素。然后在插件生成的元素之一上设置display: block 应该是微不足道的。

【讨论】:

    【解决方案2】:

    我经常在一系列<select>/<option> 标记中编程,然后将其替换为 jQuery 以成为锚点,而不是在单击时生成 <div><div> 包含 <ul>的选项。这样可以提供更好的样式,并且如果您选择在其中进行编程,则可以通过键盘轻松访问。

    我这样做主要是因为我的设计师坚持使用非本地表单元素。

    【讨论】:

    • 当设计师忽略他们的自定义输入框的可用性时,可能会非常烦人。
    • 但是除了它导致的 PITA 之外,您可以通过为不同的选项分配快捷键或以其他方式增强列表的行为(如果有意义的话,显然)来使其非常有用
    • 对于大多数网站,如果它们很丑,人们不会使用它们..所以有时你别无选择:(
    猜你喜欢
    • 2023-04-05
    • 2014-05-15
    • 2015-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多