Multiple search with fixed selections

[smartm0use]

Hello, is it possibile to have a multiple selection dropdown that have one or more fixed seletions that user can't remove?
I mean something like this:

In this case Alaska is a default value that can't be removed by user.

[lubber-de]

Two options here:

• Use the callback onLabelRemove and return false when a desired label is tried to be removed
• Use a custom label renderer template which in addition does not render the remove icon on desired labels

See an example using both options: The preselected label "english" cannot be removed the usual way anymore
https://jsfiddle.net/lubber/bxc2n5yp/12/

[smartm0use]

Hello lubber-de, thank you for your great hint!

I noticed that label in onLabelRemove contains value instead of displayed text of the selected item.
Since my check is on the text, can I use any workaround to get it from the removed item?

[ko2in]

What's the difference to check with text instead of value?

[lubber-de]

Since my check is on the text, can I use any workaround to get it from the removed item?

Sure. Just extract the Text from the label itself (which is available as this context

return this.text() !== 'English'

See https://jsfiddle.net/lubber/bxc2n5yp/19/

[smartm0use]

That the value could be "AL" and the text "Alabama".

[ko2in]

Yes. I know that, but I can't see any difference by checking text or value. Whatever you check, they belong the same item.

[smartm0use]

Hello, what in case of multiple fixed selections? I have to deal with an array of fixed items and I have to match with selected ones...

[lubber-de]

Use an array instead then. See https://jsfiddle.net/lubber/bxc2n5yp/24/

[smartm0use]

Many thanks!