點擊觸發選擇框在jQuery中不起作用

Question

如何使用觸發器打開下拉列表？

這裏是不起作用的代碼：

$('select').trigger('click'); 

只是爲了說明 - 鼠標按下和鼠標鬆開也不起作用。

Answer 1

你試圖實現的是不可能的。即使你觸發click，下拉列表也不會像用戶點擊它一樣打開。如果您想用新的值更改當前選定的值，則可以使用val函數。我想唯一的解決方案是模擬使用div的select元素的整個UI外觀。

Answer 2

 $('select').children('option').each(function() { 
      if ($(this).is(':selected')) 
      { $(this).trigger('change'); } 
     }); 

Answer 3

你可以做如下：

HTML：

<form> 
    <select> 
    <option value="opt1">Option 1</option> 
    <option value="opt2">Option 2</option> 
    <option value="opt3">Option 3</option> 
    </select> 
    <input type="submit" value="OK"></input> 
</form> 

的JavaScript（用jQuery）：

$("option[value='opt2']").attr("selected", "selected"); // Selects option 2 
    $("input[type='submit']").trigger("click"); // Submits the form 

Answer 4

有點擊下拉編程不正確的方法。

您可以通過選擇一個選項：如果要模擬用戶點擊

$('#sourceOptions>option:eq(0)').prop('selected', 'selected'); 

：你必須爲@Renso說，做到這一點：

$('#sourceOptions>option:eq(0)').prop('selected', 'selected').trigger('change'); 

Answer 5

我花了一段但找到了解決方案：

（鉻&的Safari ONLY）

function open(elem) { 
    if (document.createEvent) { 
     var e = document.createEvent("MouseEvents"); 
     e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
     elem[0].dispatchEvent(e); 
    } else if (element.fireEvent) { 
     elem[0].fireEvent("onmousedown"); 
    } 
} 

http://jsfiddle.net/oscarj24/GR9jU/