Javascript 选择项目后保持下拉列表打开

我有一个aspx页面，在HTML下拉列表中包含两个复选框列表

一个是用HTML编写的，并根据检查的内容和未检查的内容在数据表中显示\隐藏ColumnSN

另一个是带有asp.net复选框列表控件的下拉列表，这样我就可以根据所选选项轻松地将值传递回数据库，而无需查看

请求.Form（“…”）

我希望解决的一个问题是，单击复选框项目后，如何保持下拉列表打开。在两个列表\下拉列表中都会出现相同的行为，因此希望这两个列表\下拉列表都是一个单一的解决方案

我建立一个列表的代码如下

<div class="row" style="float: right; padding-right: 15px">
            <div class="col-lg-12">
                <div class="button-group">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-list-alt"></span><span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <asp:PlaceHolder ID="ColSelectorPlaceHolder" runat="server"></asp:PlaceHolder>
                    </ul>
                </div>
            </div>
        </div>

感谢您的帮助

找到了我的答案

$(document).ready(function() {
$("#statusSelctor .dropdown-menu").on({
    "click": function (e) {
        e.stopPropagation();
    }
});

});

$(document).ready(function () {
$("#columns .dropdown-menu").on({
    "click": function (e) {
        e.stopPropagation();
    }
});

});

<div class="btn-group" style="padding-top: 5px">
     <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">Report Status <span class="caret"></span></a>
     <ul class="dropdown-menu" style="padding-left: 10px">
        <asp:PlaceHolder ID="statusSelectorPlaceHolder" runat="server"></asp:PlaceHolder>
            <asp:CheckBoxList ID="statuscblist" runat="server">

            </asp:CheckBoxList>
     </ul>

</div>

If Page.IsPostBack = False Then
            For Each item In _dictOfStatus
                Dim status As New ListItem
                status.Value = item.Value
                status.Text = item.Key
                status.Selected = True
                statuscblist.Items.Add(status)
            Next
        End If

$(document).ready(function() {
$("#statusSelctor .dropdown-menu").on({
    "click": function (e) {
        e.stopPropagation();
    }
});

});

$(document).ready(function () {
$("#columns .dropdown-menu").on({
    "click": function (e) {
        e.stopPropagation();
    }
});

});