三级联动

<div class="row cl">
<input type="hidden" name="GQ_prov_name" value="" id="_prov_name" />
<input type="hidden" name="GQ_city_name" value="" id="_city_name" />
<input type="hidden" name="GQ_county_name" value="" id="_area_name" />
</div>
<div class="mb10">
<strong class="fontS14 fontC02">所在地区：</strong>
<select name="GQ_county_name" id="sel_area" onchange="changeareathis(this)">
<option value="0">选择县</option>
</select>
<select name="GQ_city_name" id="sel_city" onchange="changearea(this)">
<option value="0">选择市</option>
</select>
<select name="GQ_prov_name" id="sel_prov" onchange="changeprov(this)">
<option value="0">选择省</option>
//遍历所有省
@{
Common.SmileAngel sa = new Common.SmileAngel();

var listP = sa.GetListModel<Model.YZ_Province>("YZ_Province", "P_ID,P_Code,P_Name", "");
}
@foreach (var item in listP)
{

WriteLiteral("<option selected='selected' value=\"" + item.P_Code + "\">" + item.P_Name + "</option>");
}
</select>

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

//初始化加载
function loadcitysel() {
//加载市
changeprov($('#sel_prov'));
}
//选择省 更改事件 加载市 县区
function changeprov(obj) {
var pid = $(obj).val();
var html_temp = "";
var cid_temp = "";

$.post('/Login/GetCity', { pid: pid }, function (data) {
for (var i = 0; i < data.length; i++) {
html_temp += "<option value=\"" + data[i].C_Code + "\">" + data[i].C_Name + "</option>";
}
//定义临时 首个市的编号
cid_temp = data[0].C_Code;
////初始化县区 默认加载第一个市
setSel_Area(cid_temp);
$('#sel_city').html(html_temp);
$('#_city_name').val($('#sel_city').find("option:selected").text());
})
$('#_prov_name').val($(obj).find("option:selected").text());//赋值给隐藏控件 省名称
}

//选择市区更改加载区域事件
function changearea(obj) {
var cid = $(obj).val();
setSel_Area(cid);
$('#_city_name').val($(obj).find("option:selected").text());//赋值给隐藏控件 市名称
}
//根据市ID加载县区
function setSel_Area(sel_cid) {
var html_temp = "";
$.post('/Login/GetArea', { cid: sel_cid }, function (data) {
for (var i = 0; i < data.length; i++) {
html_temp += "<option value=\"" + data[i].A_Code + "\">" + data[i].A_Name + "</option>";
}
$('#sel_area').html(html_temp);
//默认给第一个县区名称
$('#_county_name').val($('#sel_area').find("option:selected").text());//赋值给隐藏控件 市名称
})
$('#_city_name').val($('#sel_city').find("option:selected").text());//赋值给隐藏控件 市名称
}

function changeareathis(obj) {
$('#_county_name').val($(obj).find("option:selected").text());//赋值给隐藏控件 省名称
}
</script>

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

#region 获取省市区
/// <summary>
/// 根据省ID获取市
/// </summary>
/// <param name="p"></param>
/// <returns></returns>
public ActionResult GetCity(int pid)
{
var list = sa.GetListModel<Model.YZ_City>("YZ_City", "C_Code,C_Name", "C_PCode=" + pid);
//返回json数据集合
return Json(list);
}
/// <summary>
/// 根据市获取县区
/// </summary>
/// <param name="cid"></param>
/// <returns></returns>
public ActionResult GetArea(int cid)
{

var list = sa.GetListModel<Model.YZ_Area>("YZ_Area", "A_ID,A_Code,A_Name", "A_CCode=" + cid);
//返回json数据集合
return Json(list);
}
#endregion