Javascript 在级联中，下拉列表失败，但首先使用jQueryAjax可以正常工作

我有一个下拉列表，它列出了使用

PHP和jqueryajax

从数据库获取的数据

第一个下拉列表成功获取数据并将其填充到下拉列表中 第一个下拉列表的HTML:

$(document).ready(function () {         
        $(function() {   
            $.ajax({
                type: 'POST',
                url: 'getGroupzBase.php', 
                datatype: 'json',
                success: function(data) {
                // Call this function on success                
                    console.log(data);
                   var yourArray = JSON.parse(data);
                   console.log(yourArray);                                           
                    $.each(yourArray, function (index, yourArray) {                 
                        $('#builder_group').append($('<option/>', { 
                            value: yourArray.id,
                            text : yourArray.name, 
                        }));
}); 
},
error: function() {
    displayDialogBox('Error', err.toString());
}
});              
});

  <script>
    $("#builder_group").change(function(){
        console.log("Hello 1");
        $('#Ivrmapping_groupZCode').find('option').remove().end(); //clear the city ddl
        var builder = $(this).find("option:selected").text();
        alert(builder);
        //do the ajax call
        $.ajax({
            url:'getGroupzCode.php'
            type:'GET',
            data:{city:builder},
            dataType:'json',
            cache:false,
        success: function(data) {
                    // Call this function on success                
                        console.log(data);
                       var yourArray = JSON.parse(data);
                       console.log(yourArray);                                           
                        $.each(yourArray, function (index, yourArray) {                 
                        );
    }); 
    },
    error: function() {
        displayDialogBox('Error', err.toString());
    }
    }); 

        }); 

    });
</script>

$（文档）.ready（函数（）{
$（函数（）{
$.ajax({
键入：“POST”，
url:'getGroupzBase.php'，
数据类型：“json”，
成功：功能（数据）{
//成功时调用此函数
控制台日志（数据）；
var yourray=JSON.parse（数据）；
log（数组）；
$.each（你的数组，函数（索引，你的数组）{
$（'#builder_group'）。追加（$（''，{
value:yourArray.id，
text:yourArray.name，
}));
}); 
},
错误：函数（）{
displayDialogBox（'Error'，err.toString（））；
}
});              
});

和下拉标签-

<select id="builder_group"></select>

<select name="Ivrmapping[groupZCode]" id="Ivrmapping_groupZCode">..
</select>

对于第二个下拉菜单，第一个下拉菜单不起作用。对于第二个下拉菜单，我也必须使用jQuery Ajax。
第二个下拉列表的HTML:

$(document).ready(function () {         
        $(function() {   
            $.ajax({
                type: 'POST',
                url: 'getGroupzBase.php', 
                datatype: 'json',
                success: function(data) {
                // Call this function on success                
                    console.log(data);
                   var yourArray = JSON.parse(data);
                   console.log(yourArray);                                           
                    $.each(yourArray, function (index, yourArray) {                 
                        $('#builder_group').append($('<option/>', { 
                            value: yourArray.id,
                            text : yourArray.name, 
                        }));
}); 
},
error: function() {
    displayDialogBox('Error', err.toString());
}
});              
});

  <script>
    $("#builder_group").change(function(){
        console.log("Hello 1");
        $('#Ivrmapping_groupZCode').find('option').remove().end(); //clear the city ddl
        var builder = $(this).find("option:selected").text();
        alert(builder);
        //do the ajax call
        $.ajax({
            url:'getGroupzCode.php'
            type:'GET',
            data:{city:builder},
            dataType:'json',
            cache:false,
        success: function(data) {
                    // Call this function on success                
                        console.log(data);
                       var yourArray = JSON.parse(data);
                       console.log(yourArray);                                           
                        $.each(yourArray, function (index, yourArray) {                 
                        );
    }); 
    },
    error: function() {
        displayDialogBox('Error', err.toString());
    }
    }); 

        }); 

    });
</script>

$（“#建筑商_组”）。更改（函数（）{
console.log（“Hello 1”）；
$（'#Ivrmapping_groupZCode'）.find（'option'）.remove（）.end（）；//清除城市ddl
var builder=$（this）.find（“选项：选定”）.text（）；
警报（生成器）；
//执行ajax调用
$.ajax({
url:'getGroupzCode.php'
类型：'GET'，
数据：{城市：建筑商}，
数据类型：'json'，
cache:false，
成功：功能（数据）{
//成功时调用此函数
控制台日志（数据）；
var yourray=JSON.parse（数据）；
log（数组）；
$.each（你的数组，函数（索引，你的数组）{
);
}); 
},
错误：函数（）{
displayDialogBox（'Error'，err.toString（））；
}
}); 
}); 
});

和下拉标签-

<select id="builder_group"></select>

<select name="Ivrmapping[groupZCode]" id="Ivrmapping_groupZCode">..
</select>

。。

为什么第二个dropdownlist不能与第一个一起工作。

---

在一个页面中可以有多个jQuery Ajax调用。

我认为括号有问题：：试试这个：

$("#builder_group").change(function(){
        console.log("Hello 1");
        $('#Ivrmapping_groupZCode').find('option').remove().end(); //clear the city ddl
        var builder = $(this).find("option:selected").text();
        alert(builder);
        //do the ajax call
        $.ajax({
            url:'getGroupzCode.php'
            type:'GET',
            data:{city:builder},
            dataType:'json',
            cache:false,
        success: function(data) {
                    // Call this function on success                
                        console.log(data);
                       var yourArray = JSON.parse(data);
                       console.log(yourArray);                                           
                        $.each(yourArray, function (index, yourArray) {/* your plan*/});
    },
    error: function() {
        displayDialogBox('Error', err.toString());
    }
    }); 
    });

---

您应该使用firebug或chrome，这些错误会清楚地显示在控制台上。试试看。

是的，我们绝对可以买。。你的console.log（数据）是否给了你很好的结果（正如你所期望的）…@nsthethunderbolt不，我在第二个jQuery ajax脚本中没有看到任何console.log我想你是在传递值。。。您不应该在城市中传递id值吗：builder@nsthethunderbolt但是，如果我将警报放在至少应该正常工作的前面，是的，应该正常工作，您确定您正在处理后端的值（builder）而不是id。。可能是个愚蠢的错误。我没有发现任何其他问题，您是否尝试过查看浏览器控制台中ajax调用的响应。