jQuery打开选择按钮

前端之家收集整理的这篇文章主要介绍了jQuery打开选择按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何按按钮打开选择下拉列表?
$('button').on('click',function() {
   $('select').trigger('click');
});

我的代码http://jsfiddle.net/UGkWp/

更新:
我找到了webkit浏览器的解决方案,但只有这些浏览器:http://jsfiddle.net/UGkWp/2/也许你知道在每个浏览器中这是怎么做的?

解决方法

(function($) {
    "use strict";
    $.fn.openSelect = function()
    {
        return this.each(function(idx,domEl) {
            if (document.createEvent) {
                var event = document.createEvent("MouseEvents");
                event.initMouseEvent("mousedown",true,window,false,null);
                domEl.dispatchEvent(event);
            } else if (element.fireEvent) {
                domEl.fireEvent("onmousedown");
            }
        });
    }
}(jQuery));
$('#country').openSelect();

http://jsfiddle.net/yqs90jdw/

猜你在找的jQuery相关文章