選択したプロトタイプjavascript select boxでonchangeイベントを発生させる方法は？

Question

選択したプロトタイプを選択ボックスに使用しています。今、私はその選択ボックスでonchangeイベントを発生させたい。 ここにあるのはchosen prototype

へのリンクです。私を助けてください。

<script type="text/javascript" src="/js/Event.simulate.js"></script> 
<script src="/js/prototype.js" type="text/javascript"></script> 
<script src="/chosen/chosen.proto.js" type="text/javascript"></script> 


<div class="side-by-side clearfix" style="margin-bottom:14px;"> 

     <select data-placeholder="Select Loacation" class="chzn-select" tabindex="2" name="source"> 
      <option value="">Select Loacation</option> 
      <option value="">option1</option> 
      <option value="">option2</option> 
     </select> 
    </div> 



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

//alert($(".chzn-select").chosen()); 

}) 

Answer 1

選択ボックスオブジェクトで「addEventListener」メソッドを使用します。

EDIT - ここに例を示します。このラインで

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

Answer 2

あなたはそれをサポートしていないクラス名、と$()を使用していました。アレイは$$()から返されるよう

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

クラス名

を複数回使用することができ、ここでアレイで動作する1つの方法です。私は前に選ばれたを使用していない

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

---

。それは変更イベントの外でこれを行う必要があるかもしれないので、セットアップが必要であると指示されます。

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