Ajax support

[adaniello]

A very frequent use case is working with a large number of options.

In these cases it is useful to load the options asynchronously via Ajax, as you scroll the list or perform the search.

Any ideas on how to do it?

Searching is easier, for example by handling the "change" event on the search box.

The "pagination" of a very long list, however, I believe requires an event on the scroll of the dropdown menu which, once a certain number of options have been scrolled, call a new page.

In both cases it could become more problematic when there is a value already selected that must be maintained during these operations.

Any ideas or suggestions?
Thank you

[nothingface0]

There is the possibility to override the $$input and/or $$keydown callbacks attached to the input element that is created by UseBootstrapSelect.

let el = document.getElementById('dom-element-id-to-attach-to');
const bs_select = new UseBootstrapSelect(el);
let i = el.parentElement.querySelector("input");  // This is not guaranteed to find the input element created by UseBootstrapSelect!

i.$$input_old = i.$$input;
i.$$input = (v) => {
  console.log(v.target.value);
  return i.$$input_old(v);
};

PS: I just re-read the issue, and the above is already suggested by the OP.