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

【问题标题】：Select (expand) a dropmenu when clicking on another element单击另一个元素时选择（展开）下拉菜单
【发布时间】：2012-07-18 13:36:42
【问题描述】：

我有一个 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() 之类的东西，它工作正常。

【问题讨论】：

请把html的相关部分也贴出来。另外，您使用的是哪个版本的 jQuery？ .live() 已弃用，您可能应该使用 .on()
抱歉重新阅读您的问题，我认为您想要的不可能，似乎不会在元素点击时触发

标签： javascript jquery

【解决方案1】：

我做到了，只使用 CSS，没有 Javascript。但是我不认为这个解决方案是 100% 完美的。

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

另外，this post 解释了有关使用 Javascript 激活选择元素的更多信息

【讨论】：

哦！ pointer-events: none; 选项似乎适用于除 IE 之外的所有应用程序。是否有 IE 修复？
不，但是你可以使用这里提供的解决方案：stackoverflow.com/questions/4142619/… 基本上你会给你的选择一个不同的背景，你可以在里面放你的箭头，当然箭头必须变成一个图片。