.net省市县街道小区五级联动实现JS及后台代码_局部刷新实现省市五级联动-优快云博客

本文链接：https://blog.youkuaiyun.com/Candy_TangZhen/article/details/81061215

本文介绍了如何使用.NET MVC框架结合JavaScript实现省、市、县、街道、小区的五级联动效果。提供了View层的界面代码、JS代码以及控制器获取数据源的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.net+mvc 实现省市县街道小区五级联动

界面效果如图：

View层代码：

@model Dlx.Models.ViewModel.System.Sys_BuildingView
@{
    Layout = null;
    IEnumerable<SelectListItem> prolist = ViewBag.ProvinceList;   
}

<input type="hidden" id="hidProvinceId" name="hidProvinceId" value="@Model.provinceId" />
<input type="hidden" id="hidCityId" name="hidProvinceId" value="@Model.cityId" />
<input type="hidden" id="hidDistrictId" name="hidProvinceId" value="@Model.distId" />
<input type="hidden" id="hidStreetId" name="hidStreetId" value="@Model.streetId" />
<input type="hidden" id="hidNeighbId" name="hidNeighbId" value="@Model.neighborhoodId" />
<div class="width100 clearfix">
    <div class="width33" style="position:relative">
        @Html.DropDownList("ddlEProvince", prolist, "请选择省", new { @onChange = "ddlEOnChange('ddlEProvince','ddlECity','/Base/GetCitys',1)", @style = "margin-top:0;", @class = "IsError IsRequired", @MsgName = "省份" })
    </div>
    <div class="width33" style="position:relative;margin-top:20px;">
        <select style="margin-top:0;" class="IsError IsRequired" id="ddlECity" MsgName="城市" onchange="ddlEOnChange('ddlECity','ddlEDistrict','/Base/GetDistricts',2)">  <option value="">请选择城市</option></select>
    </div>
    <div class="width33" style="position:relative;margin-top:20px;">
        <select style="m