jquery - 单击div时模拟单击div内的选择框

Question

一个简短的问题。我可以使用 JQuery 在 div 中模拟单击选择框(无论选择框的 ID 或类)吗？ div中只有一个选择框。提前致谢

这是 HTML:

<div class="custom-select">
<select id="operator_select">
<option  value="1">1</option>
<option  value="2">2</option>
<select>
</div>

我试过的 Jquery 代码:

    $(function(){
     $(".custom-select").click(function(){
       $('select',this).click();
       });
     });

这是一个 fiddle :http://jsfiddle.net/arjdev/5Sch2/

Answer 1

$(function () {
    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");
        }
    }

    $(".custom-select").click(function () {
        open($(this).find('select'));
    });
});

你的select标签也没有结束</select> .

Fiddle