bootstrap multiselect dropdown with checboxes

Question

Hi 

 

 

how to dynamically changed the dropdown content in change event  (

Bootstrap multiselect dropdown with check box).

 

 

my problem is content is changed properly , but some times check boxes are not coming.

if i reload the page the problems is solved,but i dont want relaod the page 

 

 

 

<div class="form-group" id="DeviceIDRow">

@Html.LabelFor(model => model.DeviceID, htmlAttributes: new { @class = "control-label col-md-7" })

<div class="col-md-5" id="DeviceMultiple" hidden="hidden">

@Html.DropDownList("DeviceID", null, new { @class = "multiselect form-control" , multiple = "multiple" })

@Html.ValidationMessageFor(model => model.DeviceID, "", new {@class = "text-danger"})

</div>

<div class="col-md-5" id="DeviceSole" hidden="hidden">

@Html.DropDownList("DeviceID", null, "Please Select", new { @class = "form-control" })

@Html.ValidationMessageFor(model => model.DeviceID, "", new { @class = "text-danger" })

</div>

</div>