/*
|
城市区域JS
|
吴辉
|
20130417
|
|
*/
|
|
/*
|
1.城市区域
|
//页面使用
|
<div class="popupMenu" id="PCACCommon"></div>
|
<script type="text/javascript">
|
PCAC_Special('<%=Province %>', '<%=City %>', '<%=County %>',"Name");//城市数据存名称用Name,存编号则空字符
|
</script>
|
|
//后台使用
|
//声明
|
public string Province = ""; //接收值 Request["selectProvince"].ToString2();
|
public string City = "";//接收值 Request["selectCity"].ToString2();
|
public string County = "";//接收值 Request["selectCounty"].ToString2();
|
|
//赋值
|
Province = model.Province.ToString2();
|
City= model.City.ToString2();
|
County = model.County.ToString2();
|
|
//接收
|
model.Province = Request["selectProvince"].ToString2();
|
model.City = Request["selectCity"].ToString2();
|
model.County = Request["selectCounty"].ToString2();
|
|
参数：省，市，区，数据类型(名称用Name,存编号则空字符)
|
*/
|
|
function PCACProvince_Special(Obj, old_province, date_type) {
|
var PcacHtml = "<select value_class='selectProvince' name='selectProvince" + Obj + "' keepDefaultStyle='true' style='width:76px;'><option value=''>请选择</option></select>";
|
$(Obj).html(PcacHtml);
|
PCACData_Special(Obj,old_province, "", "", date_type);
|
}
|
|
function PCACCity_Special(Obj, old_province, old_city, date_type) {
|
var PcacHtml = "<select value_class='selectProvince' name='selectProvince" + Obj + "' keepDefaultStyle='true' style='width:76px;'><option value=''>请选择</option></select> <select value_class='selectCity' name='selectCity" + Obj + "' keepDefaultStyle='true' style='width:76px;'><option value=''>请选择</option></select>";
|
$(Obj).html(PcacHtml);
|
PCACData_Special(Obj,old_province, old_city, "", date_type);
|
}
|
|
function PCACCounty_Special(Obj, old_province, old_city, old_county, date_type) {
|
var PcacHtml = "<select value_class='selectProvince' name='selectProvince" + Obj + "' keepDefaultStyle='true' style='width:76px;'><option value=''>请选择</option></select> <select value_class='selectCity' name='selectCity" + Obj + "' keepDefaultStyle='true' style='width:76px;'><option value=''>请选择</option></select> <select value_class='selectCounty' name='selectCounty" + Obj + "' keepDefaultStyle='true' style='width:76px;'><option value=''>请选择</option></select>";
|
$(Obj).html(PcacHtml);
|
PCACData_Special(Obj,old_province, old_city, old_county, date_type);
|
}
|
|
function PCAC_Special(Obj,old_province, old_city, old_county, date_type) {
|
if (arguments.length == 3) {
|
PCACProvince_Special(Obj,old_province, old_city);
|
return;
|
} else if (arguments.length == 4) {
|
PCACCity_Special(Obj, old_province, old_city, old_county);
|
return;
|
} else if (arguments.length == 5) {
|
PCACCounty_Special(Obj, old_province, old_city, old_county, date_type);
|
return;
|
}
|
}
|
|
|
function PCACData_Special(Obj,old_province, old_city, old_county, date_type) {
|
try {
|
//加载省
|
$.ajax({
|
url: "/Pages/common/CommonAjax.aspx",
|
type: "POST",
|
dataType: "html",
|
data: { cityType: "province" },
|
global: false,
|
cache: false,
|
success: function (data) {
|
var myobj = null;
|
if (data != null && data != "" && data != undefined) {
|
myobj = eval('(' + data + ')');
|
}
|
var hasProvince = false;
|
if (myobj != null && myobj.length > 0) {
|
for (var i = 0; i < myobj.length; i++) {
|
var city_keyid = myobj[i].Keyid;
|
var city_name = myobj[i].Name;
|
var option = "";
|
|
if (!hasProvince && city_name == old_province) {
|
hasProvince = true;
|
}
|
if (date_type == "Name") {
|
option = "<option value = '" + city_name + "'>" + city_name + "</option>";
|
} else {
|
option = "<option value = '" + city_keyid + "'>" + city_name + "</option>";
|
}
|
$(option).appendTo($(Obj).find("select[value_class='selectProvince']"));
|
$(Obj).find("select[value_class='selectProvince']").attr("class", "fl");
|
|
$(Obj).find("select[value_class='selectCity']").attr("class", "fl ml5px");
|
|
$(Obj).find("select[value_class='selectCounty']").attr("class", "fl ml5px");
|
}
|
}
|
if (hasProvince) {
|
$(Obj).find("select[value_class='selectProvince']").val(old_province);
|
}
|
$(Obj).find("select[value_class='selectProvince']").change();
|
}
|
});
|
|
//加载市
|
$(Obj).find("select[value_class='selectProvince']").live("change", function () {
|
$.ajax({
|
url: "/Pages/common/CommonAjax.aspx",
|
type: "POST",
|
dataType: "html",
|
data: { old_province: $(Obj).find("select[value_class='selectProvince']").val(), cityType: "city", date_type: date_type },
|
global: false,
|
cache: false,
|
success: function (data) {
|
$(Obj).find("select[value_class='selectCity']").html("<option value=''>请选择</option>");
|
var myobj = null;
|
if (data != null && data != "" && data != undefined) {
|
myobj = eval('(' + data + ')');
|
}
|
var hasCity = false;
|
if (myobj != null && myobj.length > 0) {
|
for (var i = 0; i < myobj.length; i++) {
|
var city_keyid = myobj[i].Keyid;
|
var city_name = myobj[i].Name;
|
var option = "";
|
if (!hasCity && city_name == old_city) {
|
hasCity = true;
|
}
|
if (date_type == "Name") {
|
option = "<option value = '" + city_name + "'>" + city_name + "</option>";
|
} else {
|
option = "<option value = '" + city_keyid + "'>" + city_name + "</option>";
|
}
|
$(option).appendTo($(Obj).find("select[value_class='selectCity']"));
|
$(Obj).find("select[value_class='selectProvince']").attr("class", "fl");
|
|
var classStr = $(Obj).find("select[value_class='selectCity']").attr("class");
|
$(Obj).find("select[value_class='selectCity']").attr("class", "");
|
$(Obj).find("select[value_class='selectCity']").attr("class", classStr);
|
|
$(Obj).find("select[value_class='selectCounty']").attr("class", "fl ml5px");
|
}
|
}
|
if (hasCity) {
|
$(Obj).find("select[value_class='selectCity']").val(old_city);
|
}
|
$(Obj).find("select[value_class='selectCity']").change();
|
$(Obj).find("select[value_class='selectCity']").attr('isLoaded', true);
|
}
|
});
|
});
|
//加载区县
|
$(Obj).find("select[value_class='selectCity']").live("change", function () {
|
if (window.citychangecallback && $(Obj).find("select[value_class='selectCity']").attr('isLoaded') == 'true') window.citychangecallback();
|
$.ajax({
|
url: "/Pages/common/CommonAjax.aspx",
|
type: "POST",
|
dataType: "html",
|
data: { old_city: $(Obj).find("select[value_class='selectCity']").val(), cityType: "county", date_type: date_type },
|
global: false,
|
cache: false,
|
success: function (data) {
|
$(Obj).find("select[value_class='selectCounty']").html("<option value=''>请选择</option>");
|
var myobj = null;
|
if (data != null && data != "" && data != undefined) {
|
myobj = eval('(' + data + ')');
|
}
|
var hasCounty = false;
|
if (myobj != null && myobj.length > 0) {
|
for (var i = 0; i < myobj.length; i++) {
|
var city_keyid = myobj[i].Keyid;
|
var city_name = myobj[i].Name;
|
var option = "";
|
if (!hasCounty && city_name == old_county) {
|
hasCounty = true;
|
}
|
if (date_type == "Name") {
|
option = "<option value = '" + city_name + "'>" + city_name + "</option>";
|
} else {
|
option = "<option value = '" + city_keyid + "'>" + city_name + "</option>";
|
}
|
$(option).appendTo($(Obj).find("select[value_class='selectCounty']"));
|
$(Obj).find("select[value_class='selectProvince']").attr("class", "fl");
|
|
var classStr = $(Obj).find("select[value_class='selectCity']").attr("class");
|
$(Obj).find("select[value_class='selectCity']").attr("class", "");
|
$(Obj).find("select[value_class='selectCity']").attr("class", classStr);
|
|
$(Obj).find("select[value_class='selectCounty']").attr("class", "fl ml5px");
|
}
|
if (hasCounty) {
|
$(Obj).find("select[value_class='selectCounty']").val(old_county);
|
}
|
//$(Obj).find("select[value_class='selectCounty']").change();
|
$(Obj).find("select[value_class='selectCounty']").attr('isLoaded', true);
|
}
|
}
|
});
|
});
|
$(Obj).find("select[value_class='selectCounty']").live("change", function () {
|
if (window.citychangecallback && $(Obj).find("select[value_class='selectCounty']").attr('isLoaded') == 'true') window.citychangecallback();
|
});
|
} catch (e) {
|
|
}
|
|
}
|
|
function GetProvince_Special(Obj, date_type) {
|
if (date_type == "Name") {
|
return $(Obj).find("select[value_class='selectProvince']").find("option:selected").text();
|
} else {
|
return $(Obj).find("select[value_class='selectProvince']").val();
|
}
|
}
|
|
function GetCity_Special(Obj, date_type) {
|
if (date_type == "Name") {
|
return $(Obj).find("select[value_class='selectCity']").find("option:selected").text();
|
} else {
|
return $(Obj).find("select[value_class='selectCity']").val();
|
}
|
}
|
|
function GetCounty_Special(Obj, date_type) {
|
if (date_type == "Name") {
|
return $(Obj).find("select[value_class='selectCounty']").find("option:selected").text();
|
} else {
|
return $(Obj).find("select[value_class='selectCounty']").val();
|
}
|
}
|
