Jquery单击另一个元素并显示选择选项

在第一次请访问这个小提琴：

http://jsfiddle.net/Y4LMX/

我想知道有没有办法转移点击？ 我的意思是，当我点击绿色区域（

）的同时，wi 标签也会被点击或选中，并显示下面的选项。 有没有办法做到这一点？

注意：我正在为IE支持的标签执行此操作。

我尝试使用以下代码：

 $(".ie-arrow").click(function(){ $(this).prev().find($("select").click()); }); 

但是，它不起作用。 你能解决吗？

谢谢。

Answer 1

你可以看到这个答案

https://stackoverflow.com/a/10844589/336542

单击选择将不会打开它您必须更改它的大小。

Answer 2

您应该尝试选择Dropkick.js等下拉插件

http://jamielottering.github.io/DropKick/

Answer 3

好的，按照回答没有的想法。 这个问题中的两个，这是一个解决方案： 访问这个小提琴

JavaScript的：

 $(".drop1").append("
"); $(".drop2").append("
"); (function () { showDropdown = function (element) { var event; event = document.createEvent('MouseEvents'); event.initMouseEvent('mousedown', true, true, window); element.dispatchEvent(event); }; window.runThis1 = function () { var dropdown = document.getElementById('dropdown'); showDropdown(dropdown); }; window.runThis2 = function () { var dropdown = document.getElementById('dropdown2'); showDropdown(dropdown); }; })(); 

Answer 4

我在这里做了大小改变黑客： http ： //jsfiddle.net/f2Upx/

 $(".drop1, .drop2").append("
"); $(".arrow").click(function(){ $(this).prev().attr('size',5).css("height","200px") .parent().css("height","150px"); }); 

另外这里有一个简单的例子，假的选择框我几天前做过http://jsfiddle.net/Jc2qq/它很容易重新制作以满足这个问题的需要。