How to refresh the multiple-select with Jquery (or javascript)

[brunojimenezh]

Hi,
I'm trying to empty and then fill again the multi-select via Ajax. I see the Ajax works for a common multi-select filed, but if it is already using multi.js, it stays the same. How can I refresh the content? I see the multi.js already has a refresh_select function, but I don't know how to call it. Tahnks in advance!

[lupainformatica]

I did this by removing all "a" inside "selected and non-selected" wrappers

$('.selected-wrapper a').remove();
$('.non-selected-wrapper a').remove();

And in ajax response I repopulated the original select list and all links "a" inside non-selected-wrapper

$.ajax({
    method: 'GET',
    url: `your-url-here`,
    success: function(response) { // response could be a json with id: value

          const available $('.non-selected-wrapper:first');
          
          let cont = 0;
          for (item in response) {
              let a = document.createElement('a');
                   a.setAttribute('tabindex', 0);
                   a.setAttribute('class', 'item');
                   a.setAttribute('role', 'button');
                   a.setAttribute('data-value', item);
                   a.setAttribute('multi-index', cont);
                   a.text = response[item];

               available.append(a);
          }
    })
    //... rest of your code
});