CODEWITHSUNDEEP
eventstriggersselectize.js
Max SMI
Max SMI

Reputation: 51

Selectize.js: onChange event triggered on load Page


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" );

});

http://jsfiddle.net/6zyums3d/9/

Upvotes: 4

Views: 18921

Answers (4)

Minimul
Minimul

Reputation: 4215

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"))
   }
})

Upvotes: 1

HASEEB ALAM RAFIQ
HASEEB ALAM RAFIQ

Reputation: 51

Trigger like this,

$('#select').selectize({
    onChange: function () {
        alert("Selectize event: Change");
    }
});
// this triggers an the event
$('#select').trigger( "change" );

Upvotes: 0

Oleg
Oleg

Reputation: 7387

$('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

Upvotes: 7

Giuseppe Federico
Giuseppe Federico

Reputation: 19

Try to trigger the event like this:

$('#select')[0].selectize.trigger( "change" );

Upvotes: 0

Related Questions