基于jQuery+JSON的省市联动效果

省市区联动下拉效果在WEB中应用非常广泛，尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述，利用jQuery插件，通过读取JSON数据，实现无刷新动态下拉省市二（三）级联动效果。

 <label>
            <span>住址（省市区）：</span>
            @Html.DropDownList("Province", ViewData["Province"] as SelectList, "请选择", new { @class = "m-wrap small" })
            @Html.DropDownList("City", ViewData["City"] as SelectList, "请选择", new { @class = "m-wrap small" })
            @Html.DropDownList("Area", ViewData["Area"] as SelectList, "请选择", new { @class = "m-wrap small" })
           
        </label>

<label>
            <span>住址（省市区）：</span>
            <select class="m-wrap small" id="Province" name="Province"><option value="">请选择</option>
<option value="110000">北京</option>
<option value="120000">天津</option>
<option value="130000">河北</option>
<option value="140000">山西</option>
<option value="150000">内蒙古</option>
<option value="160000">辽宁</option>
<option value="170000">吉林</option>
<option value="180000">黑龙江</option>
<option value="190000">上海</option>
<option value="200000">江苏</option>
<option value="210000">浙江</option>
<optio