javascript - 单击另一个元素时选择（展开）下拉菜单

Question

我有一个 div 包含一个选择菜单和另一个元素（.dropArrow）。

我想做的是在单击 .dropArrow 时选择菜单。

这是我到目前为止尝试过但没有成功的jquery...

$(".dropArrow").live('click', function() {
    $(this).siblings("select").click();
});

HTML

<div class="selectContainer selectTest" style="width: 305px;">
    <select id="selectTest">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <span class="dropArrow">^</span>
</div>

我猜这是错误的 .click() 部分，因为我可以将其更改为 .hide() 之类的东西并且它工作正常。

Answer 1

我让它工作，只使用 CSS，没有 Javascript。但是我不认为这个解决方案是 100% 完美的。

亲自查看：jsfiddle.net/Luuk/35xdx/

此外，这篇文章还解释了有关使用 Javascript 激活选择元素的更多信息