Question

我正在使用HTML5，MVC 4 ASP.NET开发应用程序。我想用复选框实现下拉菜单。我能够做到这一点，但我有两个下拉，检查第一个复选框的值我想要刷新第二个Drop Down的选项。我使用以下链接 http://acquisio.github.io/bootstrap-dropdown-checkbox/

但我无法重置Drop Down。我在用 $（“myselector”）。dropdownCheckbox（“reset”，[{...}}]）; 但仍然无法做到。请帮忙。

var tab2 = new Array();
       var selectobject = document.getElementById("ComboZone")
       for (var i = 0; i < selectobject.length; i++) {
           var obj = {label: selectobject.options[i].text, isChecked: false, id: selectobject.options[i].value};
           tab2.push(obj);
       }



       //$('.myDropdownCheckboxBasic').dropdownCheckbox({
       $('#ZoneDropDown').dropdownCheckbox({           
           data: tab2,
           autosearch: true,
           title: "My Dropdown Checkbox",
           hideHeader: false,
           showNbSelected: true,
           templateButton: '<a style="color:blue;text-align:center" class="dropdown-checkbox-toggle" data-toggle="dropdown" href="#">SELECT ZONE <span class="dropdown-checkbox-nbselected"></span></button>'
       });

<script type="text/javascript">
      function checkState(element) {                    
          var tab2 = new Array();
          var selectobject = document.getElementById("ComboRegion")
          for (var i = 0; i < selectobject.length; i++) {
              var obj = { id: selectobject.options[i].value, label: selectobject.options[i].text, isChecked: false };
              tab2.push(obj);         
}
          $("#RegDropDown").dropdownCheckbox("reset", tab2);




      }

  </script>

谢谢和问候

Answer 1

<script type="text/javascript">
      function checkState(element) {  
          var JQ = jQuery.noConflict();     
          var tab2 = new Array();
          var selectobject = document.getElementById("ComboRegion")
          for (var i = 0; i < selectobject.length; i++) 
           {
              var obj = { id: selectobject.options[i].value, label: selectobject.options[i].text, isChecked: false };
              tab2.push(obj);         
           }
          JQ ("#RegDropDown").dropdownCheckbox("reset", tab2);     
      }    
  </script>

下拉多个复选框

1 个答案: