省市区三级联动下拉框+数据绑定
2015-08-11 10:00
288 查看
1.视图代码
<select class="prov" id="prov5" name="Province" data-code="@Model.Province">
</select>
<select class="city" id="city5" name="City" data-code="@Model.City">
</select>
<select class="dist" id="area5" name="Area" data-code="@Model.Area">
</select>
@Html.HiddenFor(m => m.Province)
@Html.HiddenFor(m => m.City)
@Html.HiddenFor(m => m.Area)
2.JS调用
<script type="text/javascript">
var selectVa2 = new CitySelect({
data: data,
provId: "#prov5",
cityId: '#city5',
areaId: '#area5',
isSelect: true
});
</script>
3.引入的js
<script src="@Url.Content("~/Themes/Admin/JS/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/Themes/Admin/JS/city2.js")" type="text/javascript"></script>
<script src="@Url.Content("/Themes/Admin/JS/citySelect2.js")" type="text/javascript"></script>
4.js插件下载地址
js插件下载地址:http://files.cnblogs.com/files/weishuanbao/%E7%9C%81%E5%B8%82%E5%8C%BA.rar
<select class="prov" id="prov5" name="Province" data-code="@Model.Province">
</select>
<select class="city" id="city5" name="City" data-code="@Model.City">
</select>
<select class="dist" id="area5" name="Area" data-code="@Model.Area">
</select>
@Html.HiddenFor(m => m.Province)
@Html.HiddenFor(m => m.City)
@Html.HiddenFor(m => m.Area)
2.JS调用
<script type="text/javascript">
var selectVa2 = new CitySelect({
data: data,
provId: "#prov5",
cityId: '#city5',
areaId: '#area5',
isSelect: true
});
</script>
3.引入的js
<script src="@Url.Content("~/Themes/Admin/JS/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/Themes/Admin/JS/city2.js")" type="text/javascript"></script>
<script src="@Url.Content("/Themes/Admin/JS/citySelect2.js")" type="text/javascript"></script>
4.js插件下载地址
js插件下载地址:http://files.cnblogs.com/files/weishuanbao/%E7%9C%81%E5%B8%82%E5%8C%BA.rar
相关文章推荐
- bash脚本之一:变量
- ios oc 判断输入的数是否是另一个的整数倍
- hadoop1.0与hadoop2.0mapper reducer个数设定
- 地牢第一关(Python)
- javascript 等待 settimeout
- UVa 12878 - Flowery Trails(最短路应用)
- 18-泛型-07-常用对象API(集合框架-泛型-泛型限定(上限))
- 中国将帅象棋问题
- Oracle 12C -- truncate的级联操作
- leetcode 122 —— Best Time to Buy and Sell Stock II
- HDU-2234 无题I(IDA*)
- LINQ体验(6)——LINQ to SQL语句之Join和Order By
- 【水题】hdu2013 蟠桃记
- go-goroutine中的共享变量
- android下拉刷新和上拉加载更多的框架pulltoreflesh
- equals 和 hashCode 的重写方法
- Servlet+jsp+javabean+连接数据库
- LINQ体验(7)——LINQ to SQL语句之Group By/Having和Exists/In/Any/All/Contains
- 投资人教你怎么写能拿到钱的商业计划书
- Android 应用层知识纲要