Question

I am using the multiselect (multiselect website) jQuery plugin. It works perfectly, but for my purposes I need to add a reset button to my page, that when you click on it, it will remove all the options selected already and reset the multiselect back to default state.

I have managed to remove the options by removing the selected attribute from the select box it attaches itself too, but it does not update the html in the multiselect so in actual fact the select box has nothing selected, just the html remains the same.

Unfortunately the plugin is not well documented and I am forced to use this one (as per clients request) so does anyone else know how to do it?

Answer 1

This multiselect widget uses the jQuery UI widget framework, but does not seem to provide a refresh() method to update the widget when the state of the augmented element changes.

You can, however, emulate it by going through a full destroy / create cycle:

$("#yourElement").multiselect("destroy").multiselect({
    // Your options...
});