Selectize. Js: onChange Event Triggered on Load Page
In Selectize, I Won't Call Event, but Is It Don't Working Jquery Event Working, Selectize Event Don't Working Help Please. Item 0 Item 1 Item 2 $(Function () {...
In selectize, I wont call event, but is it don't working
jquery event Working,
Selectize event don't working
Help please.
<div><select id='select'>
<option value="0">Item 0</option>
<option value="1">Item 1</option>
<option value="2">Item 2</option>
$(function () {
$('select').on('change', function () {
alert("Original input event: Change");
});
$('select').selectize({
onChange: function () {
alert("Selectize event: Change");
}
});
// this triggers an the event
$('#select').trigger( "change" );
});
4 Answers
$('select').selectize({
onInitialize: function() {
this.trigger('change', this.getValue(), true);
},
onChange: function(value, isOnInitialize) {
alert('Selectize changed: ' + value);
}
});
Make sure that you passed value parameter to the change callback. Otehrwise it would be undefined
Try to trigger the event like this:
$('#select')[0].selectize.trigger( "change" );
Trigger like this,
$('#select').selectize({
onChange: function () {
alert("Selectize event: Change");
}
});
// this triggers an the event
$('#select').trigger( "change" );
This is what worked for me with respect to triggering a change event on the select element itself.
$('select').selectize({
onChange: function() {
this.$input[0].dispatchEvent(new Event("change"))
}
})
Sophia analyzes international trade, startup ecosystems, retail transformation, and supply chain logistics for modern digital publications.
