Question

我有这个按钮：

<div class="btn-group bootstrap-select show-tick span12 reg-form-control validate[required]">
<button id="control-qid13228" type="button" class="btn dropdown-toggle btn-bootstrap" data-toggle="dropdown" data-id="qid13228">
    <div class="filter-option pull-left">3 of 4 selected</div>&nbsp;<div class="caret"></div>
</button>
<div class="dropdown-menu open" style="max-height: 249px; overflow: hidden; min-height: 92px;">
    <ul class="dropdown-menu inner" role="menu" style="max-height: 237px; overflow-y: auto; min-height: 80px;">
        <li rel="0" class="selected"><a tabindex="0" onclick="update_reg_multi_click('qid13228','basketball');" style=""><span class="text">basketball</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
        <li rel="1"><a tabindex="0" onclick="update_reg_multi_click('qid13228','baseball');" style=""><span class="text">baseball</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
        <li rel="2" class="selected"><a tabindex="0" onclick="update_reg_multi_click('qid13228','football');" style=""><span class="text">football</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
        <li rel="3" class="selected"><a tabindex="0" onclick="update_reg_multi_click('qid13228','hockey');" style=""><span class="text">hockey</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
    </ul>
</div>

我尝试使用JQUERY

以编程方式单击它

    <script>
$(document).ready(function(){
    $("#control-qid13228").click();
});                     
    </script>

我也试过点击触发器：

    <script>
$(document).ready(function(){
    $("#control-qid13228").trigger("click");
});                     
    </script>

似乎都没有用。点击鼠标，当然可以正常工作。有什么想法吗？

只是抬头，这是尝试解决我正在使用bootstrap-select的一个不同问题的一部分，正在进行此脚本中解决。

        function update_reg_multi_click(id,myvalue) 
        {
            //
            var main_id = $("#" + id);
            var main_id_control = $("#control-" + id);
            var main_id_option = $("#" + id + " " + ">" + " " + "option");
            var main_id_value = $(main_id).val();               
            var this_div = $(this);
            if(main_id_value != null){
                var main_id_value_list = $("#" + id).val().toString();
                var test_if_in_list=main_id_value_list.toLowerCase().indexOf(myvalue) >= 0;
                if(test_if_in_list){
                    //alert('in list');
                    $(main_id_option).each(function() {
                        $(this).removeAttr("selected");
                    });                         
                    var newlist = remove_reg_val(main_id_value_list,myvalue,",");                           
                    $.each(newlist.split(','), function(){
                      var option_to_set = $("#" + id + " " + "option[value="+this+"]");
                      $(option_to_set).attr('selected','selected');
                    });
                    $(main_id).selectpicker('refresh');     
                }
                else{
                    //alert('not in list');                     
                    $(main_id_option).each(function() {
                        $(this).removeAttr("selected");
                    });                             
                    //alert(main_id_value_list);
                    var newlist = main_id_value_list + ","+myvalue;
                    //alert(newlist);
                    $.each(newlist.split(','), function(){
                      var option_to_set = $("#" + id + " " + "option[value="+this+"]");
                      $(option_to_set).attr('selected','selected');
                    });
                    $(main_id).selectpicker('refresh');                                 
                }
            }
            else{
                var newlist = myvalue;
                $.each(newlist.split(','), function(){
                  var option_to_set = $("#" + id + " " + "option[value="+this+"]");
                  $(option_to_set).attr('selected','selected');
                });
                $(main_id).selectpicker('refresh');                                                           
            }                           
        }

以下是我想要解决的选择：

<select name="qid13228" id="qid13228" class="selectpicker span12 reg-form-control validate[required]" data-style="btn-bootstrap" multiple="" data-selected-text-format="count&gt;2" style="display: none;">

<option value="basketball" onClick="update_reg_multi_click('qid13228','basketball');" selected="selected">basketball</option>

<option value="baseball" onClick="update_reg_multi_click('qid13228','baseball');">baseball</option>

<option value="football" onClick="update_reg_multi_click('qid13228','football');">football</option>

<option value="hockey" onClick="update_reg_multi_click('qid13228','hockey');" selected="selected">hockey</option>

</select>

Answer 1

添加一个小超时：

$(document).ready(function(){

    setTimeout(function(){

        $("#control-qid13228").click();


    },1);

});

https://jsfiddle.net/46my242x/1/

或尝试：

$("#control-qid13228")[0].click();

https://jsfiddle.net/46my242x/2/

这是一个类似的问题：jQuery.trigger('click') not working

Answer 2

让我们试试：

<script>
$(document).ready(function(){
    $("#control-qid13228").click(function(){
        alert('clicked');
    });
});                     
</script>

以编程方式使用jquery单击按钮

2 个答案: