基于jquery實(shí)現(xiàn)省市聯(lián)動特效
本文實(shí)例講述了基于jquery實(shí)現(xiàn)省市聯(lián)動特效的代碼,分享給大家供大家參考,具體如下:
運(yù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對應(yīng)的路徑 provinceValue: "",// 默認(rèn)指定省份id, 一般編輯的時(shí)候使用 cityValue: "", //指定默認(rèn)城市id, 一般編輯的時(shí)候使用 districtValue: '', // 默認(rèn)區(qū)id, 一般編輯的時(shí)候使用 className: '', // 附加樣式 provinceName: 'province', // 省份name值 cityName: 'city',//市name值 districtName: 'district',// 區(qū)name值 tip: '===請選擇==='// 默認(rèn)提示 }); }) </script> </head> <body> <div id="area"></div> </body> </html>
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
通過Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
在ajax交互中,我們從服務(wù)器端返回的數(shù)據(jù)類型有xml,html,script,json,jsonp,text,本文以json為例,講述了在前臺如何利用jquery遍歷json的兩種數(shù)據(jù)結(jié)構(gòu)2011-01-01jQuery實(shí)現(xiàn)模仿微博下拉滾動條加載數(shù)據(jù)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模仿微博下拉滾動條加載數(shù)據(jù)效果,涉及jQuery響應(yīng)下拉滾動事件動態(tài)操作頁面元素的技巧,需要的朋友可以參考下2015-12-12幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果...2007-05-05jQuery Validate表單驗(yàn)證深入學(xué)習(xí)
這篇文章主要介紹了jQuery Validate表單驗(yàn)證入門知識,該插件捆綁了一套有用的驗(yàn)證方法,包括 URL 和電子郵件驗(yàn)證,同時(shí)提供了一個(gè)用來編寫用戶自定義方法的 API,感興趣的小伙伴們可以參考一下2015-12-12jQuery實(shí)現(xiàn)百度登錄框的動態(tài)切換效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)百度登錄框的動態(tài)切換效果,需要的朋友可以參考下2017-04-04用jquery中插件dialog實(shí)現(xiàn)彈框效果實(shí)例代碼
這篇文章介紹了jquery中插件dialog實(shí)現(xiàn)彈框效果實(shí)例代碼,有需要的朋友可以參考一下2013-11-11更高效的使用JQuery 這里總結(jié)了8個(gè)小技巧
本文和其他的介紹JQuery的方法不同,本文側(cè)重點(diǎn)是介紹一些JQuery的使用原則,以便讓JQuery代碼更高效的執(zhí)行。2016-04-04