Change background color after select2 list rendered

Hello,

I have a page where 6 select2 lists are rendered. Based on selections from various lists, the selection content in other lists change. This works. I sometimes need to change the color of the dropdowns that indicate “required”.

In typical (non select2) situations, you can reference the object name and flip the color. If I set the color before select 2 initialization, it retains the color as needed.

I cannot get to the objects after select2 is initialized. I’ve read that the DOM is different after initialization.

I’ve looked into this, and cannot figure out how to accomplish it.

One thing I haven’t tried is to apply a unique class to each dropdown and modify it.

Can someone give me a pointer here?

Anyone? Knock knock is this thing on?