how to change select2 value programmatically

Question

I have a select2 box in bootstrap modal, I want to change the value of the select2 box but it didn\'t work.

I tried every single solution in previous posts and resul

Answer 1

If you, like me, have added a custom handler for the select2:selecting event the correct complete answer to changing a value and triggering the custom select2 event would be:

$('#select_id').val('val').trigger('change').trigger({
     type: 'select2:event_name', // It worked for me with select2:selecting and select2:select
     params: {
       args: { // Only use 'args' if using select2:selecting, select2:select does not use it
         data: varWithEventData
       }
     }
});