Javascript 设置AJAX调用和填充下拉列表

这里我有两个下拉列表：

<select id="CountryId">
<option value="16">UK</option>
<option value="17">Germany</option>
<option value="18">Italy</option>
<option value="19">Spain</option>
</select>


<select id="CityId"> </select>

我试图实现的是改变第一个下拉列表，以获取国家ID，并用返回的城市填充第二个列表

我试图通过这个AJAX调用实现它，并尝试调试它，但似乎没有任何效果。正在提取

var数据

，但没有其他情况发生。以下是片段：

$('#CountryId').change(function(){
     var data = $('#EventCustomerId option:selected').val();

     $.ajax({
         type:'POST',
         async: true,
         cache: false,
         url: <?php echo Router::url(array('controller'=>'projects','action'=>'getbycustomer')) ?>,
         success: function(response) {
             jQuery('#CityId').html(response);
         },
         data: data
     });
     return false;
})

$（'#CountryId'）。更改（函数（）{
var data=$（'#EventCustomerId选项：选中'）.val（）；
$.ajax({
类型：'POST'，
async:true，
cache:false，
网址：，
成功：功能（响应）{
jQuery（'#CityId'）.html（响应）；
},
数据：数据
});
返回false；
})

我不太确定如何在第二个下拉列表中填入响应。响应以JSON格式的纯HTML返回

---

非常感谢您的帮助。

您是否尝试过将async设置为false

    $('#CountryId').change(function(){
         var data = $('#EventCustomerId option:selected').val();
         $.ajax({
             type:'POST',
             async: false,
             cache: false,
             url: <?php echo  Router::url(array('controller'=>'projects','action'=>'getbycustomer')) ?>,
             success: function(response) {
                 jQuery('#CityId').html(response);
             },
             data: data
         });
    });

$（'#CountryId'）。更改（函数（）{
var data=$（'#EventCustomerId选项：选中'）.val（）；
$.ajax({
类型：'POST'，
async:false，
cache:false，
网址：，
成功：功能（响应）{
jQuery（'#CityId'）.html（响应）；
},
数据：数据
});
});

---

如果调用现在可以工作，您可以在此处发布您的响应吗

您是否尝试过将async设置为false

    $('#CountryId').change(function(){
         var data = $('#EventCustomerId option:selected').val();
         $.ajax({
             type:'POST',
             async: false,
             cache: false,
             url: <?php echo  Router::url(array('controller'=>'projects','action'=>'getbycustomer')) ?>,
             success: function(response) {
                 jQuery('#CityId').html(response);
             },
             data: data
         });
    });

$（'#CountryId'）。更改（函数（）{
var data=$（'#EventCustomerId选项：选中'）.val（）；
$.ajax({
类型：'POST'，
async:false，
cache:false，
网址：，
成功：功能（响应）{
jQuery（'#CityId'）.html（响应）；
},
数据：数据
});
});

如果这个电话现在能用，你能在这里留言吗