如何在JavaScript中自动展开html select元素

Question

我的菜单中有一个（隐藏的）html select对象，该对象附加到菜单按钮链接，因此单击该链接将显示列表，以便您可以从中进行选择。

当您单击按钮时，它将调用一些javascript以显示<select>。单击远离<select>隐藏即可隐藏列表。我真正想要的是使<select>外观完全展开，就像您单击了“向下”箭头一样，但是我无法正常工作。我尝试了许多不同的方法，但没有取得任何进展。我目前正在做的是这样的：

<li>
    <a href="javascript:showlist();"><img src="/images/icons/add.png"/>Add favourite</a>
    <select id="list" style="display:none; onblur="javascript:cancellist()">
    </select>
</li>

// in code
function showlist() {
    //using prototype not jQuery
    $('list').show();  // shows the select list
    $('list').focus(); // sets focus so that when you click away it calles onblur()
}

• 我试过打电话$('list').click()。
• 我尝试设置onfocus="this.click()" 但在两种情况下

未被捕获的TypeError：对象＃没有方法'click'

这是链接文本所特有的，它表示支持标准功能。

我尝试设置.size = .length哪个有效，但外观却不一样（如单击以打开该元素时，它会漂浮在页面的其余部分上。）

有没有人有什么建议？

Answer 1

您有语法错误。它应该是：

$('#list').click();

你忘记了#