【JavaScript】从N个下拉动态监听改变的option值

同事因为这个问题人傻了，是从Ajax请求获取的动态数据遍历的表格

然后表格行的单元格又有下拉选择，有N个下拉，要取出选择的值进行二次请求

<select name="A" id="A">
    <option value ="A1">A1</option>
    <option value ="A2">A2</option>
    <option value ="A3">A3</option>
    <option value ="A4">A4</option>
</select>

<select name="B" id="B">
    <option value ="B1">B1</option>
    <option value ="B2">B2</option>
    <option value ="B3">B3</option>
    <option value ="B4">B4</option>
</select>

<select name="C" id="C">
    <option value ="C1">ASDASDA</option>
    <option value ="C2">ASDASD</option>
    <option value ="C3">ASDASD</option>
    <option value ="C4">DASDAS</option>
</select>

原来只要一个监听就可以解决：

$('select').on('change', function(){
    mui.alert($(this).find('option:selected').text());
});