javascript - 在 eselect 下拉菜单更改上调用 ajax 函数

Question

我正在使用elSelect使用 mootools 更改选择框的外观和外观。我的问题是当选择框值更改时如何调用 ajax 函数？

<script type="text/javascript">
    window.addEvent('domready', function() {
        var mySelect = new elSelect( {container : 'someId'} );
    });
</script>

提前致谢

Answer 1

由于 elSelect 更改了 HTML 结构来替换下拉列表，因此您无法使用在原始下拉列表上设置的 change 事件。该文档没有显示任何将事件绑定(bind)到替换下拉列表的方法。

我一点也不熟悉mootools的工作方式，但我注意到在插件的源代码中它定义了几个事件处理程序，其中有onOptionClick。每次用户单击下拉列表中的选项时都会触发此操作。您可以搭载它 - 更改该函数中的代码以触发您的 ajax 请求。

另一个选项是分析注入(inject)元素的 HTML 结构 - 您可以从为构造函数提供的 id 开始，并在其中查找 .option 元素。您可以以固定的时间间隔(使用 setInterval)轮询它们的变化，并在看到值发生变化时发送 ajax 请求。或者，您可以向每个选项添加点击处理程序并从那里获取它。