省市县三级联动无刷新(附带数据sql)
2012-01-05 11:44
281 查看
网站找了很多别人的,感觉用起来很不舒服自己动手写了一个
1.不使用服务器控件,后台Ajax处理返回结果,前台jQuery调用,
2.便于修改,js只用一个函数搞定
3.省市县都在一个表里面,直接执行sql即可
前台页面如下
加载时候赋值
<script type="text/javascript">
setCity(10,1001,100101); //修改状态省市区选中状态
function setCity(proID, cityID, countryID) {
$("#province").val(proID);
var cityStr = AddressShow.GetCity(proID).value; //获得市html内容
$("#city").empty(); //市区内容情况
$("#city").append(cityStr); //增加子级别
$("#city").val(cityID); //赋值城市
var countryStr = AddressShow.GetCity(cityID).value; //获得县html内容
$("#area").empty();
$("#area").append(countryStr);
$("#area").val(countryID);
}
源代码里面附有数据库和执行的sql语句,源文件下载
1.不使用服务器控件,后台Ajax处理返回结果,前台jQuery调用,
2.便于修改,js只用一个函数搞定
3.省市县都在一个表里面,直接执行sql即可
前台页面如下
加载时候赋值
<script type="text/javascript">
setCity(10,1001,100101); //修改状态省市区选中状态
function setCity(proID, cityID, countryID) {
$("#province").val(proID);
var cityStr = AddressShow.GetCity(proID).value; //获得市html内容
$("#city").empty(); //市区内容情况
$("#city").append(cityStr); //增加子级别
$("#city").val(cityID); //赋值城市
var countryStr = AddressShow.GetCity(cityID).value; //获得县html内容
$("#area").empty();
$("#area").append(countryStr);
$("#area").val(countryID);
}
源代码里面附有数据库和执行的sql语句,源文件下载
相关文章推荐
- loner_li AJax 无刷新 省市县三级联动(webservice+sqlhelp)客户端控件版和 有刷新 web版
- WheelView实现省市区三级联动(数据库实现版本号附带完整SQL及数据)
- WheelView实现省市区三级联动(数据库实现版本号附带完整SQL及数据)
- WheelView实现省市区三级联动(数据库实现版本附带完整SQL及数据)
- 高仿iOS 滚轮实现 省市区 城市选择三级联动,无需自己配置省市区域的数据
- 用DropDownList实现Ajax无刷新省市三级联动中出现的错误
- Sql省市三级联动一张表
- 使用三层实现省市县三级联动(利用ajax实现无刷新效果)
- 从后台获取数据添加省市县三级联动的框架中、菜鸟说明法
- 省市县三级联动 sql语句
- easyui combobox下拉框省市县三级联动(从数据库获取数据)
- 全国省市县三级联动(数据完整版)
- ajax(三)之省市二级菜单联动(从sql获取数据),无刷新翻页
- js版无刷新省市县三级联动(作者:iuhxq )
- 黑马程序员_学习日记48_616数据库开发及ADO.Net(带参数的Sql语句、数据库与文本文件导入导出、省市联动、资料管理器、DataSet (ado.net断开式数据访问)、SQLHelper)
- Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
- 省市区三级联动 数据库取数据js代码
- js版无刷新省市县三级联动
- 省市县三级联动的SQL
- 省市县三级联动的SQL语句