基于jquery實現(xiàn)省市聯(lián)動特效
更新時間:2015年12月17日 10:03:51 作者:eecjimmy
這篇文章主要介紹了基于jquery實現(xiàn)省市聯(lián)動特效,感興趣的小伙伴們可以參考一下
本文實例講述了基于jquery實現(xiàn)省市聯(lián)動特效的代碼,分享給大家供大家參考,具體如下:
運行效果圖:
具體代碼如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <!-- 引入jquery --> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js" type="text/javascript"></script> <!-- 引入插件 --> <script src="jquery.area.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#area').GangedArea({ level: 2, // 顯示級別, 最大是3, 最小是1 url: "area.json",// area對應的路徑 provinceValue: "",// 默認指定省份id, 一般編輯的時候使用 cityValue: "", //指定默認城市id, 一般編輯的時候使用 districtValue: '', // 默認區(qū)id, 一般編輯的時候使用 className: '', // 附加樣式 provinceName: 'province', // 省份name值 cityName: 'city',//市name值 districtName: 'district',// 區(qū)name值 tip: '===請選擇==='// 默認提示 }); }) </script> </head> <body> <div id="area"></div> </body> </html>
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
通過Jquery遍歷Json的兩種數(shù)據(jù)結構的實現(xiàn)代碼
在ajax交互中,我們從服務器端返回的數(shù)據(jù)類型有xml,html,script,json,jsonp,text,本文以json為例,講述了在前臺如何利用jquery遍歷json的兩種數(shù)據(jù)結構2011-01-01jQuery實現(xiàn)模仿微博下拉滾動條加載數(shù)據(jù)效果
這篇文章主要介紹了jQuery實現(xiàn)模仿微博下拉滾動條加載數(shù)據(jù)效果,涉及jQuery響應下拉滾動事件動態(tài)操作頁面元素的技巧,需要的朋友可以參考下2015-12-12幾行代碼輕松搞定jquery實現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實現(xiàn)flash8類似的連接效果...2007-05-05jQuery實現(xiàn)百度登錄框的動態(tài)切換效果
這篇文章主要介紹了jQuery實現(xiàn)百度登錄框的動態(tài)切換效果,需要的朋友可以參考下2017-04-04用jquery中插件dialog實現(xiàn)彈框效果實例代碼
這篇文章介紹了jquery中插件dialog實現(xiàn)彈框效果實例代碼,有需要的朋友可以參考一下2013-11-11