I'm using the jQuery UI Multiselect plugin.
How do I select one or more options with the click of a button outside the multiselect?
For example, I have a list of 5 items:
As you know, multiselect has two columns: selected on the left, and available ones on the right. Let's assume none of the above is selected.
Outside of this multiselect, above or below, I need a button that, once clicked, selects one or more multiselect items at once.
Example buttons:
[Selecionar itens do Grupo 1]
[Selecionar itens do Grupo 2]
[Selecionar itens do Grupo 3]
When clicking on the first one, the items "Item Group 1" and "Other item Group 1" should be selected, going to the selected column.
When clicking on the second, the items "Item Group 2" and "Other item Group 2" should be selected, going to the selected column, without overwriting the ones previously selected.
Is it possible?
Note: this is valid for removing selected ones as well