javascript - 如何绑定(bind)在 jquery 调用函数的选择菜单中定义的 onchange 事件？

Question

我正在尝试使用以下插件实现克隆选择菜单:

https://github.com/afEkenholm/ScrollectBox

https://github.com/afEkenholm/ScrollectBox/blob/master/index.html

https://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js

但我无法绑定(bind)在 jquery 调用函数中的以下选择菜单中定义的 onchange 事件。

    <select onchange="function(this);" id="selector" class="selection" >
    <option value="" selected="Select Topic">Select Topic</option> 
    <option value="Food">Food</option>
    <option value="Drink">Drink</option>
    </select>

如何在下面的调用函数中绑定(bind) onchange="function(this);"？

<script type="text/javascript">
jQuery(document).ready(function($){ 
   $(".selection").scrollectBox({
    preset: 'dropdown',
    numVisibleOptions: 4,
    scrollInterval: 150, 
    scrollOn: 'hover'
    });
});
</script>

谢谢，

Answer 1

在 jQuery 中使用链接。

$(".selection").scrollectBox({
    preset: 'dropdown',
    numVisibleOptions: 4,
    scrollInterval: 150, 
    scrollOn: 'hover'
}).on('change', function() {
    // this
});