Error in Multi Select Docs

[toomanylogins]

There is an error in the docs

https://coreui.io/bootstrap/docs/forms/multi-select/

Should this be a datepicker ?

const mulitSelectElementList = Array.prototype.slice.call(document.querySelectorAll('.form-multi-select')) const mulitSelectList = mulitSelectElementList.map(mulitSelectEl => { return new coreui.DatePicker(mulitSelectEl, { // options }) })

[mrholek]

Thanks. I fixed it https://coreui.io/bootstrap/docs/forms/multi-select/

[toomanylogins]

No thank you for a brilliant template.
While we are here. I am using multi select with data attributes and trying to update the select options via an ajx call. I can populate the options in the html select element after search keyup but how do I call update method to refresh the multi-select?

[mrholek]

You can try something like this

<select id="mulitSelectEl" class="form-multi-select"></select>

const mulitSelectEl = document.getElementById('mulitSelectEl')
const multiselect = coreui.MultiSelect.getInstance(mulitSelectEl) // Retrieve a MultiSelect instance

multiselect.update({...})

[toomanylogins]

Thanks for reply. Gave up with attributes now trying json. Is it possible to update after type in search via $.ajax call? Trying to understand multiselect.update({...}) Is that the new option collection ie multiselect.update({option:'newdata'})

I would like to keep the dropdown on show as user typing. The issue is I have a very long list.

If not possible I will add a separate search box.