Select2 trigger "select2:select"

I have a script that does the following code:

select2input.on('select2:select', function(e, e2) {
            if (e.params !== undefined && e.params.data !== undefined) {
                div.html(e.params.data.unidade_medida_txt);
                anotherinput.val(FloatField.format(e.params.data.valor_compra)).trigger('change');
            }
        });

I need to manually call “select2: select” and pass the data “e.params”, how do?

Something like:

select2input.trigger('select2:select', ...pass params...);

Thank you.

[bgiesbrecht]

Hey @invious, I found this thread while struggling with this myself.

Calling val and then change does not seem to trigger the select2:select, you have to fire it yourself. The doc for this is here.

This is how I did it:

// Construct my data to select
var data = {
  "id": my_val
};

// Set the value
$("#foo").val(my_val);

// Change the select2 control to update it visually
// (does not fire select2:select)
$("#foo").trigger("change");

// Manually fire the event with my data
// This DOES fire select2:select.
$('#foo').trigger({
    type: 'select2:select',
    params: {
        data: 
    }
});

HTH

[michaelvickersuk]

Chaining trigger('change') with trigger('select2:select') allowed me to successfully call my select2:select event.

$('#mySelect2')
   .val('1')
   .trigger('change')
   .trigger('select2:select');