1.下载地址:http://www.ijquery.cn/?p=360
2.HTML代码
<div id="city">
<select class="prov"></select>
<select class="city" disabled="disabled"></select>
<select class="dist" disabled="disabled"></select>
</div>
3.导入相关JS
<script src="js/jquery-1.12.1.min.js"></script>
<script src="js/jquery.cityselect.js"></script>
//city.min.js 为存储全国地区数据,不用引入HTML,只在调用数据时js才需要,见第4步
<script src="js/city.min.js"></script>
4.JS
$(document).ready(function(){
$('#city').citySelect({
url:"js/city.min.js",//city.min.js 的相对路径
prov:"陕西",
city:"榆林",
dist:"榆阳区"
})
})
5.效果图