I have a select2select element whose value I am setting through jQuery

$("#select2").val(elment_id).trigger('change');

However, I have already defined an onchange event handler.

$('#select2').on('change', function(e) {
//TODO
});

I would like to just change(set) the value of select2 without triggering a change event. Any idea, how to do it?

I have a select2select element whose value I am setting through jQuery

$("#select2").val(elment_id).trigger('change');

However, I have already defined an onchange event handler.

$('#select2').on('change', function(e) {
//TODO
});

I would like to just change(set) the value of select2 without triggering a change event. Any idea, how to do it?

• javascript
• jquery
• jquery-select2

Share Improve this question Follow edited Apr 29, 2019 at 6:50 Shinjo 69366 silver badges2323 bronze badges asked Apr 29, 2019 at 6:14 KiranKiran 8,5483838 gold badges117117 silver badges181181 bronze badges 2

• Why do yo call trigger('change') to change the value? Isn't just $("#select2").val(elment_id) enough? – sassy_rog Commented Apr 29, 2019 at 6:18
• This doesnt change the value on the select2 element. – Kiran Commented Apr 29, 2019 at 6:22

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 10

There is a special event to refresh it:

$("#select2").val(elment_id).trigger('change.select2');

From docs:

It's mon for other ponents to be listening to the change event, or for custom event handlers to be attached that may have side effects. To limit the scope to only notify Select2 of the change, use the .select2 event namespace:

$('#mySelect2').val('US'); // Change the value or make some change to the internal state
$('#mySelect2').trigger('change.select2'); // Notify only Select2 of changes

You could do with Jquery extension create new prototype like this

$.fn.extend({
  Val: function(a) {
    $(this).val(a).trigger('change');
  }
})

$('#select2').Val(1)

It depends when you want to change the value in select element. It depends from other element? If you want to fire event on select element change, but don't want to trigger already defined 'onchange' action, you can give your select next unique class, and build next 'onchange' event for that class. But, as i said previously, i don't know what you want to achieve, and it's hard to say which solution will be the best