如何在选定的原型 javascript 选择框中触发 onchange 事件？答案

【问题标题】：how to fire onchange event in chosen prototype javascript select box?如何在选定的原型 javascript 选择框中触发 onchange 事件？
【发布时间】：2023-04-09 13:01:01
【问题描述】：

我正在为选择框使用选择的原型。现在我想在那个选择框上触发 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());

})

【问题讨论】：

标签： javascript prototypejs prototype-chosen

【解决方案1】：

在这一行中，您使用了带有类名的$()，它不支持。

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

一个类名可以多次使用，所以从$$()返回一个数组，这是使用数组的一种方法。

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

我以前没用过Chosen；它的说明说它需要设置，因此您可能必须在更改事件之外执行此操作。

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

【讨论】：

嗨，它不工作，你能给我一个警告的例子吗，
现在我已经阅读了合适的example，我发现我设置错了。这是a minimal fiddle，它有效，为了让它看起来像我必须链接到the same CSS 的官方版本，但当然你可以自己制作。
您好，一切正常，但我在同一页面上有两个选择框，那么如何区分它们？
给他们每个人一个id属性。
嗨@clockworkgeek 我想根据第一个选择框更新第二个选择框，请给我一个小例子。

【解决方案2】：

在选择框对象上使用“addEventListener”方法。

编辑 - 这是一个例子：

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

【讨论】：