使用jquery.cityselect插件選擇省,市,區聯動
阿新 • • 發佈:2018-03-07
sele 目錄 info 會員 基於 htm js插件 jquery pro
url:"/test/js/city.min.js",
prov:"四川",
city:"成都",
dist:"金牛區"
})
})
</script>
選擇省、市、區聯動在web中應用十分廣泛,在商城,會員管理系統等都非常常見
cityselect.js插件是基於jQuery之上的地區選擇插件,使用JSON獲取城市數據,深入研究可以讀源碼
下載地址:http://www.ijquery.cn/?p=360
附上使用代碼:
將citySelect下載到本地,在html中引入js
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.cityselect.js" type="text/javascript"></script>
body
<div id="city">
<select class="prov"></select>
<select class="city" disabled="disabled"></select>
<select class="dist" disabled="disabled"></select>
</div>
JS
<script type="text/javascript">
$(document).ready(function(){
$(‘#city‘).citySelect({
url:"/test/js/city.min.js",
prov:"四川",
city:"成都",
dist:"金牛區"
})
})
</script>
url---為根目錄的city.js的絕對路徑,效果如圖,就可以自由選擇city了
使用jquery.cityselect插件選擇省,市,區聯動