user3408779 user3408779 - 4 months ago 203
jQuery Question

bootstrap multiselect(refresh) is not working properly

I am using bootstrap multiselect list box. When user selects options on the multiselect it shows correctly. But there is a option to reset the previously selected options. When user click on reset button, automatically

style=display:none
is adding to the dropdown button and the dropdown list is becomes invisible.

This is my code

$("#button").click(function () {

$('option', $('.multiselect')).each(function (element) {
$(this).removeAttr('selected').prop('selected', false);

});
$('.multiselect').multiselect('refresh');
});

Answer

Other helpful options are:

  1. $('Id').multiselect('refresh'); - Refreshs the multiselect based on the selected options of the select.

  2. $('Id').multiselect('destroy'); - Unbinds the whole plugin.

  3. buildFilter :Builds the filter.

  4. buildSelectAll : Build the selct all.Checks if a select all has already been created.

  5. $('Id').multiselect('select', ['1', '2', '4']); - Select all options of the given values.

  6. clearSelection : Clears all selected items.

  7. $('Id').multiselect('deselect', ['1', '2', '4']); - Deselects all options of the given values.

  8. $('Id').multiselect('selectAll', true); - Selects all enabled & visible options.

  9. $('Id').multiselect('deselectAll', true); - Deselects all options.

  10. $('Id').multiselect('rebuild'); - Rebuild the plugin.

  11. $('Id').multiselect('enable'); - Enable the multiselect.

  12. $('Id').multiselect('disable'); - Disable the multiselect.

  13. hasSelectAll : Checks whether a select all checkbox is present.

  14. updateSelectAll : Updates the select all checkbox based on the currently displayed and selected checkboxes.

  15. $('Id').multiselect('updateButtonText'); - Update the button text and its title based on the currently selected options.

  16. getSelected() : Get all selected options.

  17. getOptionByValue() : Gets a select option by its value.

  18. $('Id').multiselect('dataprovider', options); - The provided data will be used to build the dropdown.

for more detail visit bootstrap-multiselect