"change" event being triggered twice (mode: "single") about selectize.js HOT 5 CLOSED

Hi Nguyễn, I'm having troubles understanding what the problem is that you're describing. Can you be more detailed about the expected behavior? Also, if you have a code example, that would also be helpful.

from selectize.js.

I have a single select element, when user change value of the select, the value of the select will post to server via ajax.
So the value will post only one time when user select an option. It work as design.
Then i apply selecize js to the select element. When user select an option in dropdown menu(".selectize-dropdown .div") the original select is triggered change event 2 times.

• (1) First, the funtion clear() is call and change event in triggered for the select
  The workflow: Selectize.prototype.onOptionSelect >> Selectize.prototype.addItem >> Selectize.prototype.clear >> Selectize.prototype.updateOriginalInput >> this.$input.trigger('change');
• (2) Second, you add item to the select and call updateOriginalInput(), in function updateOriginalInput() you trigger the change event again.
  The workflow:Selectize.prototype.onOptionSelect >> Selectize.prototype.addItem >> Selectize.prototype.updateOriginalInput >> this.$input.trigger('change');

The expected behavior is the change event is not triggered when you clear the select before adding item item it.
I want the change event is triggered only one time - when item is added to select (2) but not in clearing the select (1)

from selectize.js.

Got it! Thanks for the detailed walkthrough—I understand the problem now. I'll try to an issue a patch for it very soon.

(p.s. updated the issue title)

from selectize.js.

Thanks, you understood my idea. Of course, the title should be changed.

from selectize.js.

I cloned lastest version and the "change" event still being triggered twice as scenario from issue
#11 (comment)

Here is call stack from Chrome Debugger

from selectize.js.