我一般这样建表:
create table unit (uid int auto_increment,
uname varchar(32),
ulevel int,
parentid int,
PRIMARY KEY uid
)
uid是主键,自动编号,uname是省市区县乡镇的名称,ulevel为级别(可以规定省为1、市为2、……),parentid为上级id,省的上级为0,市的上级为对应的省,……
1、省市县不建议放在数据库里面,因为你选择不同省市时 要触发查询这样效率太低。我的建议是百度下一个省市县的一个json文件,来进行读取。
2、页面代码就是控制select中option的改变,这个会基本jquery 就可以。
var provinceData//全局变量省市数据var provinceSelect = $("#province") //省下拉框
var citySelect = $("#city")//市下拉框
init()
function init(){
$.getJSON("data/province-city.json",function (data) {
provinceData = data.address //这里因为我的json数据,外面包了一层address
loadProvince()//初始化省
})
}
function loadProvince(){
for(var i=0,j=provinceData.lengthi<ji++){
provinceSelect.append("<option>"+provinceData[i].name+"</option>")
}
}
//省改变是动态改变市下拉框里面的值
function loadCity(ele){
//获取选中的索引
var index = ele.selectedIndex
//记得清空
citySelect.empty()
var province = provinceData[index]
var citys = province.child
for(var i=0,j=citys.lengthi<ji++){
citySelect.append("<option>"+citys[i].name+"</option>")
}
}
不明白的话欢迎提问哈
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)