頁面實現效果:
目錄結構:
省市地區實現三級聯動,是經常要用到。從目錄結果上可以看出,有一個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》