選擇（擴大）到另一個元件

上點擊時dropmenu我有一個包含選擇菜單和其他元素（.dropArrow）一個div。選擇（擴大）到另一個元件

我想要做的是選擇菜單當你點擊.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>

我猜它的。點擊（）部分這是錯誤的，因爲我可以將它改爲像.hide（）這樣的東西，它可以正常工作。

來源

2012-07-19 Tom

請置HTML的相關部分爲好。另外，你使用的是哪個版本的jQuery？ '.live（）'已被棄用，你應該使用'。對（）' – nbrooks 2012-07-19 11:14:48

對不起重讀你的問題，我不認爲你想要什麼是可能的，似乎並沒有被元素觸發點擊 – nbrooks 2012-07-19 11:37:37

我做了它的工作，只使用CSS，沒有Javascript。但我不認爲這個解決方案是100％完美的。

在自己看看：jsfiddle.net/Luuk/35xdx/

此外，this post介紹了更多關於啓動中選擇元素，使用JavaScript

來源

2012-07-19 11:54:24

哦！ 'pointer-events：none;'選項似乎適用於除IE以外的所有內容。是否有IE瀏覽器修復？ – Tom 2012-07-19 13:17:21

沒有，但是你可以使用這裏提供的解決方案：http://stackoverflow.com/questions/4142619/how-to-make-select-element-be-transparent-in-chrome 基本上，你會給你的選擇不同背景，在裏面你可以放上你的箭頭，當然箭頭必須成爲一個圖像。 – 2012-07-19 14:08:17

選擇（擴大）到另一個元件

回答

相關問題