如何綁定在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

，但我無法綁定在下面選擇菜單定義onchange事件在jquery調用函數中。

<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> 

感謝，

Answer 1

使用jQuery的鏈接。

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