如何在選擇的原型javascript選擇框中觸發onchange事件？

Question

我正在使用選擇的原型選擇框。 現在我想在該選擇框上觸發onchange事件。 這是選擇原型的鏈接

這個怎么做。 請幫我。

<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

在這一行中，您使用$()帶有類名的$() ，它不支持。

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

類名可以多次使用，因此從$$()返回一個數組，這是一種使用數組的方法。

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

---

我之前沒有使用過選擇; 它的說明說它需要進行設置，因此您可能必須在更改事件之外執行此操作。

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

Answer 2

在選擇框對象上使用“addEventListener”方法。

編輯 - 這是一個例子：

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