省市区联动下拉效果在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