如何使用jquery打开select元素 [英] How to open select element using jquery

问题描述

我有一个select元素如下。我想打开它而无需用户点击它。

I have a select element as follows. i want to open it without user having to click on it.

    <select id="selId" class="pos_fixed">
       <option value="volvo">Option1</option>
       <option value="saab">Option2</option>
       <option value="mercedes">Option3</option>
       <option value="audi">Option4</option>
    </select>

请告诉我是否可以使用jquery或javascript

Please let me know if its possible using jquery or javascript

推荐答案

您将CSS选择器传递给 openSelect（），它将打开选择元素。

You will pass a CSS selector to openSelect() and it will open the select element for you.

var openSelect = function(selector){
     var element = $(selector)[0], worked = false;
    if (document.createEvent) { // all browsers
        var e = document.createEvent("MouseEvents");
        e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        worked = element.dispatchEvent(e);
    } else if (element.fireEvent) { // ie
        worked = element.fireEvent("onmousedown");
    }
    if (!worked) { // unknown browser / error
        alert("It didn't worked in your browser.");
    }   
}

$(function(){ // when DOM is ready
   // open .select element
   openSelect('.select'); 
});

这是一个小提琴： http://jsfiddle.net/Z48wF/1/

来源：如何使用jquery打开选择输入 @ stackoverflow.com

Source: How to open the select input using jquery @stackoverflow.com

这篇关于如何使用jquery打开select元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！