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

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 激活选择元素的更多信息