根据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

你需要的是对自动完成的选择事件中使用

这里是Working Demo

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