基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)特效
本文實(shí)例講述了基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)特效的代碼,分享給大家供大家參考,具體如下:
運(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, // 顯示級(jí)別, 最大是3, 最小是1
url: "area.json",// area對(duì)應(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: '===請(qǐng)選擇==='// 默認(rèn)提示
});
})
</script>
</head>
<body>
<div id="area"></div>
</body>
</html>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
純jQuery實(shí)現(xiàn)前端分頁(yè)功能
本文主要介紹了純jquery實(shí)現(xiàn)前端分頁(yè)功能的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
通過Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
在ajax交互中,我們從服務(wù)器端返回的數(shù)據(jù)類型有xml,html,script,json,jsonp,text,本文以json為例,講述了在前臺(tái)如何利用jquery遍歷json的兩種數(shù)據(jù)結(jié)構(gòu)2011-01-01
jQuery實(shí)現(xiàn)模仿微博下拉滾動(dòng)條加載數(shù)據(jù)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模仿微博下拉滾動(dòng)條加載數(shù)據(jù)效果,涉及jQuery響應(yīng)下拉滾動(dòng)事件動(dòng)態(tài)操作頁(yè)面元素的技巧,需要的朋友可以參考下2015-12-12
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果...2007-05-05
jQuery Validate表單驗(yàn)證深入學(xué)習(xí)
這篇文章主要介紹了jQuery Validate表單驗(yàn)證入門知識(shí),該插件捆綁了一套有用的驗(yàn)證方法,包括 URL 和電子郵件驗(yàn)證,同時(shí)提供了一個(gè)用來編寫用戶自定義方法的 API,感興趣的小伙伴們可以參考一下2015-12-12
jQuery實(shí)現(xiàn)百度登錄框的動(dòng)態(tài)切換效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)百度登錄框的動(dòng)態(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

