How To Fire Onchange Event In Chosen Prototype Javascript Select Box?

I am using chosen prototype for select box. Now i want to fire onchange event on that select box. here is the link for chosen prototype How to do this. please help me.

Solution 1:

In this line you have used $() with a class name, which it does not support.

Event.observe($(".chzn-select"),'change', function(){

A class name can be used multiple times so an array is returned from $$(), here is one way to work with arrays.

$$(".chzn-select").invoke('observe', 'change', function() {
    ...
});

---

I haven't used Chosen before; it's instructions say it needs to be setup so you might have to do this outside of the change event.

document.observe('dom:loaded', function() {
    $$(".chzn-select").each(function(select) {
        newChosen(select);
    });
});

Solution 2:

use the "addEventListener" method on the select box object.

EDIT - here's an example:

document.getElementById('selecboxid').addEventListener('change', SomeFunction(), false);

Share