手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery实现省市联动特效
基于jquery实现省市联动特效
摘要:本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下:运行效果图:具体代码如下Demo$(function(...

本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下:

运行效果图:

基于jquery实现省市联动特效1

具体代码如下

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <> <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: '', // 默认区id, 一般编辑的时候使用 className: '', // 附加样式 provinceName: 'province', // 省份name值 cityName: 'city',//市name值 districtName: 'district',// 区name值 tip: '===请选择==='// 默认提示 }); }) </script> </head> <body> <div id="area"></div> </body> </html>

希望本文所述对大家JavaScript程序设计有所帮助。

【基于jquery实现省市联动特效】相关文章:

JQuery中DOM实现事件移除的方法

jQuery实现在列表的首行添加数据

jQuery插件bgStretcher.js实现全屏背景特效

jQuery实现给页面换肤的方法

jQuery插件jRumble实现网页元素抖动

javascript实现行拖动的方法

jquery读取xml文件实现省市县三级联动的方法

实现无刷新联动例子汇总

jQuery实现dialog设置focus焦点的方法

jQuery实现不断闪烁文字的方法

精品推荐
分类导航