jquery - 根据jquery自动完成中选择的国家管理城市？

Question

//国家

var objCountries = [];
var objSearchCountry = new Object();
objSearchCountry.CountryName = $("#txtCountry").val();
$.ajax({
    type: "POST",
    url: "db.php?GetCountryList",
    data: {data:[]},
    dataType: "json",
    async:false,
    success: function(response)
    {
        if(response.IsError)
            alert(response.ErrorMessage);
        else
            objCountries = response;
    },
    error:function(response)
    {
        alert("Error: " + response.responseText);
    }
});

var newObjCountry = [];
for (var indexCountry in objCountries)
    newObjCountry.push(objCountries[indexCountry].CountryName);
$("#txtCountry").autocomplete({ source: newObjCountry });

当我选择任何国家时，我想要它的 ID，以便我可以通过这个 ID，在城市中获取相关城市。

$("#txtCountry").blur(function()
{
//for city
var objCities = [];
var objSearch = new Object();
objSearch.city_name = $("#txtCity").val();
$.ajax({
    type: "POST",
    url: "db.php?GetCityList",
    data: {data:[]},
    dataType: "json",
    async:false,
    success: function(response)
    {
        if(response.IsError)
            alert(response.ErrorMessage);
        else
            objCities = response;
    },
    error:function(response)
    {
        alert("Error: " + response.responseText);
    }
});

var newObj = [];
for (var index in objCities)
    newObj.push(objCities[index].city_name);
$("#txtCity").autocomplete({ source: newObj });
});

谢谢

Answer 1

您需要在自动完成的选择事件上使用

这是工作演示

 select : function(e, ui){
     alert("selected!" + ui.item.value);
     //rest of the code after selection goes here
 }