How do you manually set the select2 value?

[sferoze]

I have been trying to do this simple thing with this component and it does not work.

In the onSelect method, I want to return the value to the previous selected value.

So I am trying to manually set the select2 value.

$('.select-input').val('theValue')

but setting it with .val function does not work

Also using the .select2 method does not work because it does not exist.

How can I manually set the select2 value with this component?

[sferoze]

Basically, in the onSelect function, I want to show a confirm modal, and if they do not confirm, I want to return the select value to what it was previously.

I have been trying to do this for looong time and tried many different names using .val

Please can you help me. Do you have an example of how to manually set the select value of this component. I use this component everywhere in my app

[rkit]

1. Set ref for component

   <Select2 ref="tags" />

2. Now, you can access to select2

   this.refs.tags.el.val('discussion').trigger('change'))

   https://github.com/rkit/react-select2-wrapper#access-to-select2

[rkit]

But in this case, the component properties are not updated.
You can change value using prop value

[sferoze]

@rkit Thank you soo much!

this.refs.tags.el.val('discussion').trigger('change'))

Works!

I would have never figured it out otherwise. Can you add exactly that post in the documentation under, "How to programmatically update select2"

Thanks so much for the quick reply, now I can continue!

[rkit]

Ok, tomorrow I will add.
Can I close issue?

[sferoze]

Ill close it! thanks!