CODEWITHSUNDEEP
asp.net-mvc-4
sanchaita chakraborty
sanchaita chakraborty

Reputation: 31

Drop Down multiple check box

I am developing an application with HTML5, MVC 4 ASP.NET. I want to implement a drop down with check boxes. I am able to do that,but I have two drop down, on the check of values of the first check box I want to refresh the options of the second Drop Down. I am using the following link http://acquisio.github.io/bootstrap-dropdown-checkbox/

But I am not able to reset the Drop Down. I am using $("myselector").dropdownCheckbox("reset", [{ ... }}]); But still not able to do it. Please help.

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>

Thanks and Regards

Upvotes: 0

Views: 628

Answers (1)

Nilesh Gajare
Nilesh Gajare

Reputation: 6398

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

Upvotes: 1

Related Questions