jQuery(function ($){
$("select.country_auto").change(function (){
var form=(this).closest("form");
if($(this).closest("form").find("select.state_auto").length > 0){
var cnt=$(form).find("select.country_auto").children("option:selected").attr('data-id');
$(form).find("select.state_auto").html('<option value="0001" data-id="0001">Loading...</option>');
$(form).find("select.city_auto").html('<option value="0" data-id="0">Select City</option>');
if(cnt=='0'){
$(form).find("select.state_auto").html('<option value="0">Select State</option>');
return false;
}
jQuery.ajax({
url: tc_csca_auto_ajax.ajax_url,
type: 'post',
dataType: "json",
data: { action: "tc_csca_get_states", nonce_ajax: tc_csca_auto_ajax.nonce, cnt: cnt },
success: function (response){
if(response.length > 0){
$(form).find("select.state_auto").html('<option value="0" data-id="0">Select State</option>');
for (i=0; i < response.length; i++){
var st_id=response[i]['id'];
var st_name=response[i]['name'];
var opt="<option data-id='" + st_id + "' value='" + st_name + "'>" + st_name + "</option>";
$(form).find("select.state_auto").append(opt);
}}else{
$(form).find("select.state_auto").html('');
var opt="<option value='0'>State List Not Found</option>";
$(form).find("select.state_auto").append(opt);
console.log("State List Not Found");
}}
});
}});
$("select.state_auto").change(function (){
var form=(this).closest("form");
if($(this).closest("form").find("select.city_auto").length > 0){
var sid=$(form).find("select.state_auto").children("option:selected").attr('data-id');
$(form).find("select.city_auto").html('<option value="0001" data-id="0001">Loading...</option>');
if(sid=='0'){
$(form).find("select.city_auto").html('<option value="0" data-id="0">Select City</option>');
return false;
}
jQuery.ajax({
url: tc_csca_auto_ajax.ajax_url,
type: 'post',
dataType: "json",
data: { action: "tc_csca_get_cities", nonce_ajax: tc_csca_auto_ajax.nonce, sid: sid },
success: function (response){
if(response.length > 0){
$(form).find("select.city_auto").html('<option value="0" data-id="0">Select City</option>');
for (i=0; i < response.length; i++){
var ct_id=response[i]['id'];
var ct_name=response[i]['name'];
var opt="<option value='" + ct_name + "' data-id='" + ct_id + "'>" + ct_name + "</option>";
$(form).find("select.city_auto").append(opt);
}}else{
$(form).find("select.city_auto").html('');
var opt="<option value='0'>City List Not Found</option>";
$(form).find("select.city_auto").append(opt);
console.log("City List Not Found");
}}
});
}});
});