Открыть раскрывающийся список после выбора элемента

Question

У меня есть страница aspx, в которой есть два списка флажков, содержащихся в выпадающем списке HTML.

один написан в формате HTML и показывает \ hides columsn в datatable на основе того, что есть и что не проверяется.

Другое - это выпадающий список с элементом управления списком checkbox asp.net, чтобы я мог легко передавать значения обратно в базу данных на основе выбранных параметров, не заглядывая в Request.Form("...").

Проблема, которую я ищу, заключается в том, как я могу открыть раскрывающийся список после щелчка элемента флажка. Такое же поведение наблюдается в обоих списках \ drop downs, поэтому можно надеяться, что это может быть единственное решение для обоих.

мой код, чтобы создать в один список, как так

<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> 

Затем список построен и передается обратно в держатель место здесь

Dim html As New StringBuilder() 

For value As Integer = 0 To dictofClassAndCol.Count 
    If (value = dictofClassAndCol.Count) Then 
     Exit For 
    End If 
    Dim item = dictofClassAndCol.ElementAt(value) 
    Dim key As String = item.Key 
    Dim val As String = item.Value 
    Dim line = String.Format("<li style='padding-left: 10px'><label class='small' tabindex='-1'><input type='checkbox' checked='true' value='{0}'/>{1}</label></li>", key.Replace(" ", ""), val) 
    html.AppendLine(line) 

Next 

Return html 

Другой построен как так

<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 

Любая помощь оценивается.

Answer 1

нашел мой ответ

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

}); 

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

});