How do I can get selected and removed value?

[melashu]

hey @BakiVernes, thans for your contribution

I was trying to use this awesome library in my app, but am confused how can I get the selected value. In this page, it is described as we can user multiselect-change but am not sure how can I use it, can you please give a hint?

thanks

[melashu]

If it help someone in the future here is how I useed it

   <div data-controller="multiselect"  data-action="multiselect-added->payment-session#getItem multiselect-removed->payment-session#removeItem" data-multiselect-selected-value='[{ "value": "failed", "text": "Failed"}]' data-multiselect-items-value='[{ "value": "failed", "text": "Failed"}, { "value": "open", "text": "Open"}, { "value": "paid", "text": "Paid"}]' data-placeholder="Search for state">
      <select multiple="multiple" class="multiselect__hidden filter-date-field rounded-r-none border-r-0"  data-multiselect-target="hidden" name="form[test_ids][]" id="form_test_ids"></select>
    </div>

payment-session is my custom stimulus controller, inside it event handler looks like below

  removeItem(e) {
    const value = e.detail.id
    console.log(this.items)
  }

  getItem(e) {
    const value = e.detail.item.value
    console.log(value)
   }