JS實現省市地區三級聯動

頁面實現效果:
顯示效果

目錄結構:
目錄結構

省市地區實現三級聯動,是經常要用到。從目錄結果上可以看出,有一個Html 界面和兩個js
現在給出源碼:
頁面顯示

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<style type="text/css">
html,body{height:auto;}
#province select{margin-left:10px; width:100px}
</style>
</head>
<body>
<div id="province"></div>
<script type="text/javascript" src="http://lib.h-ui.net/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.provincesCity.js"></script>
<script type="text/javascript" src="provincesData.js"></script>
<script type="text/javascript">
/*調用插件*/
$(function(){
    $("#province").ProvinceCity();
});
</script>
</body>
</html>

給出的源碼在我的資源下載中。

《end》

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章