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();
       });
     });

这是一个小提琴：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>。

Fiddle

Answer 2

尝试触发方法

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

Answer 3

尝试这个..它将在表单加载时触发

    $(document).ready(function() {
         $('.custom-select').find('select').trigger('click');
    });

单击div时，模拟单击div内的选择框

3 个答案: