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/它會很容易地改造，以適應這個問題的需要。