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

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

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

但是我无法绑定在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>

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

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

谢谢，

最佳答案

在jQuery中使用链接。

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