单击另一个元素时选择(展开)一个dropmenu

时间:2012-07-19 11:13:37

标签: javascript jquery

我有一个包含选择菜单和另一个元素的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(),并且它可以正常工作。

1 个答案:

答案 0 :(得分:4)

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

亲身体验:jsfiddle.net/Luuk/35xdx/

此外,this post解释了有关使用Javascript

激活select元素的更多信息