jquery实现省市县三级联动(无需数据库)

内容纲要

在日常开发中,经常会有用户注册的情况,而用户的地址也是不可或缺的一个选项.开发者们经常用的手法是把城市的相关数据存到数据库,然后再用ajax技术从数据库里面调出来.这样做不是不可以,但是很大程度上还是浪费了一定的资源,要知道数据库资源对于一个网站来说那是宝贵的,那有没有不通过数据库,直接读取文件中的数据的方法呢?答案在下面:

第一步:

引用jquery.js和jquery.cityselect.js

第二步:

设置默认的数据

<script type=”text/javascript”>
$(function(){

$(“#citys”).citySelect({
prov:”湖南”,
city:”长沙”,
dist:”岳麓区”,
nodata:”none”
});

});
</script>

第三步:

设置显示的位置

<p>三级联动</p>
<div id=”citys”>
<select class=”prov”></select>
<select class=”city” disabled=”disabled”></select>
<select class=”dist” disabled=”disabled”></select>
</div>

最后一切就续,然后测试就可以了.

注意:

如果页面上没有数据,请改jquery.cityselect.js中的js数据路径为正确的路径就可以了

settings=$.extend({
url:”./js/city.min.js“,
prov:null,
city:null,
dist:null,
nodata:null,
required:true
},settings);

类文件如下,请自行下载,附件中有详细的案例cityselects

发表评论

邮箱地址不会被公开。 必填项已用*标注

2 + 8 =