jQuery的单击另一个元素，并显示在第1选择选项

Question

敬请访问这个小提琴：

http://jsfiddle.net/Y4LMX/

我想知道有没有办法转移的点击？我的意思是，当我单击绿色区域（<div class="arrow"/>）时，同时标签也会被点击或选中并显示下面的选项。有没有办法做到这一点？

注：我这样做是为IE支持的<select>标签。

我试着用下面的代码：

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

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

谢谢。

Answer 1

好的，根据回答no。两人这才question，这里是一个解决方案：Visit this fiddle

的javascript：

$(".drop1").append("<div onclick='runThis1()' class='arrow'></div>"); 
$(".drop2").append("<div onclick='runThis2()' class='arrow'></div>"); 

(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 2

你应该尽量选择像dropkick.js

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

Answer 3

你可以看到这个答案

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

在选择一个点击就不会打开它，你必须下拉插件改变它的大小。

Answer 4

我改变大小破解在这里做到了：http://jsfiddle.net/f2Upx/

$(".drop1, .drop2").append("<div class='arrow' />"); 

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

而且这里有一个简单的例子，用假选择框我做了前两天http://jsfiddle.net/Jc2qq/它会很容易地改造，以适应这个问题的需要。