基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)特效
更新時(shí)間：2015年12月17日 10:03:51 作者：eecjimmy
這篇文章主要介紹了基于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, // 顯示級別, 最大是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創(chuàng)建平滑的頁面滾動(dòng)(頂部或底部)
如何創(chuàng)建一個(gè)平滑的滾動(dòng)效果是本文的目的使用jQuery讓您可以滾動(dòng)到你的網(wǎng)頁的頂部或底部,相當(dāng)不錯(cuò)的一個(gè)效果，感興趣的你可不要錯(cuò)過了哈2013-02-02
這篇文章主要介紹了jQuery中next()方法用法,實(shí)例分析了next()方法的功能、定義及獲得匹配元素集合中每個(gè)元素緊鄰的同輩元素使用技巧,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)的藍(lán)色二級導(dǎo)航條效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的藍(lán)色二級導(dǎo)航條效果代碼,涉及jquery鼠標(biāo)事件及頁面樣式的動(dòng)態(tài)切換效果實(shí)現(xiàn)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08
JQUERY 獲取IFrame中對象及獲取其父窗口中對象示例
經(jīng)常會用到iframe，難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素，下面為大家簡單介紹下本人的使用心得2013-08-08
jQuery Validate 相關(guān)參數(shù)及常用的自定義驗(yàn)證規(guī)則
這篇文章主要介紹了jQuery Validate 相關(guān)參數(shù)及常用的自定義驗(yàn)證規(guī)則,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了JQuery如何按name屬性選擇元素問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
jQuery實(shí)現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過商品小圖片上顯示對應(yīng)大圖片功能,涉及jQuery事件響應(yīng)、元素遍歷及屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了jQuery圖片輪播滾動(dòng)切換特效，圖片輪播效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-09-09
這篇文章主要為大家詳細(xì)介紹了JQuery ztree異步加載實(shí)例，感興趣的小伙伴們可以參考一下2016-02-02
『jQuery』取指定url格式及分割函數(shù)應(yīng)用
使用jQuery取指定url格式，并使用alert彈出，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04