Ajax冲突-有关如何解决的建议

Question

我需要有关在哪里找到与AJAX和Javascript冲突的建议。当我隔离4个下拉框时，代码将按预期运行。但是，在我的网站上时，它只会从数据库的第一个下拉列表中拉出列表，而不会触发第二个下拉列表的onchange命令。

我尝试搜索各种不同的问题，但找不到答案。我还回顾了chrome dev工具，可以看到它调用了第一个ajax请求，但没有触发第二个。

    <script>
    $(document).ready(function(){
$('#manufacturer').on('change', function(){
    var manuID = $(this).val();
    if(manuID){
        $.ajax({
            type:'POST',
            url:'ajax.php',
            data:'manu_id='+manuID,
            success:function(html){
                $('#manumodel').html(html);
                $('#manuyear').html('<option value="">Select state first</option>'); 
            }
        }); 
    }else{
        $('#manumodel').html('<option value="">Select country first</option>');
        $('#manuyear').html('<option value="">Select state first</option>'); 
    }
});

$('#manumodel').on('change', function(){
    var manumodelID = $(this).val();
    if(manumodelID){
        $.ajax({
            type:'POST',
            url:'ajax.php',
            data:'manumodel_id='+manumodelID,
            success:function(html){
                $('#manuyear').html(html);
            }
        }); 
    }else{
        $('#manuyear').html('<option value="">Select state first</option>'); 
    }
});
});