How to select value programatically?

[rez0n]

Hi, I need to select value programmatically on a page using JS.

It is possible to do using jQuery using this code

$("#id_user").val(33).trigger('change');

But it is possible to select it this way only in case if you have been already selected it manually before, it is looks like select2 don't have element id before you select it manually.
So, I select a needed user in the list, then select another user, and only after this I can change selection to the previous user programmatically.
Have any ideas on how to solve this?
Thanks.

[codingjoe]

Hi @rez0n,

Thanks for reaching out. I am always happy to help a sponsor :)

If select2 doesn't know the item, you can't select it. Since we are loading items asynchronously, this will be the default case. However, you can mitigate this, by simply adding the item (if it doesn't exist) before selecting it. Select2 has some documentation on that, which might help you out:
https://select2.org/programmatic-control/add-select-clear-items#create-if-not-exists

Best Joe!