省市县 三级 四级联动Javascript JQ 插件PCASClass.js
想要使用这款组件,需要页面引入 PCASClass.js 核心文件,该文件在您的HTML文档<head>标签之内。
<script type="text/javascript" src="/path/PCASClass.js"></script>
参数赋值方法案例:
<script type="text/javascript">
new PCAS("ProvinceId","CityId")//通过ID省市二级联动,无默认值,无文字提示信息
new PCAS("ProvinceId","CityId","AreaId")//通过ID省市区三级联动,无默认,无文字提示信息
new PCAS("ProvinceName","CityName","AreaName")//通过NAME省市区三级联动,无默认值,无文字提示信息
new PCAS("Province=吉林省","City=长春市")//省市二级联动,有默认值,无文字提示
new PCAS("Province,请选择省份","City,请选择城市")//省市二级联动,无默认值,有文字提示信息
new PCAS("Province","City","Area")//省市区三级联动,无默认,无文字提示
new PCAS("Province=吉林省,请选择省份","City=松原市,请选择城市","Area=宁江区,请选择地区")//三级联动,有默认值,有文字提示信息
new PCAS(["Province=吉林省","请选择省份"],["City=松原市","请选择城市"],["Area=宁江区","请选择地区"])//三级联动,有默认值,有文字提示信息
</script>
使用建议:
对于非万国码数据,js需正确设置charset属性,请在页面头部用如下方式引用
<scrpt src="/path/PCASClass.js" charset="gb2312"></scrpt>
初始数据请在文档加载完成后动态处理,或者将设置的JS脚本放置到对应ID或Name元素的下方,否则引起报错;
JS未做容错处理,请核实要设置的ID或NAME页面元素是否存在
配置
PCASClass相关参数如下:
属性 类型 默认 描述
Province ID string/array 必需 省份ID/NAME,通过new PCAS("")第一个参数指定ID
City ID string/array 必需 城市ID/NAME,通过new PCAS("")第二个参数指定ID
Area ID string/array 可选 地区ID/NAME,通过new PCAS("")第三个参数指定ID,若二级联动可省略
SetValue 内置方法 通过如var mypcas=new PCAS()初始化后可动态改变设置数据。
如:mypcas.SetValue("吉林省","松原市","宁江区");
或者mypcas.SetValue()重新初始化数据;
文件下载地址:
http://t.cn/RtRYjQp
省市县 三级 四级联动Javascript JQ 插件PCASClass.js的更多相关文章
- 一个简单而实用的JQ插件——lazyload.js图片延迟加载插件
前 言 Cherish 看多了炫酷的插件之后再来看这么一个小清新的东西,是不是突然感觉JQ插件感觉很友好了,简单强大最重要的是实用. 这篇文章将详细讲解一下lazyload.js的用法 lazy ...
- javascript模板插件amaze.js
摘要: 最近在开发项目时,异步接口需要前端渲染数据,js拼接太低级,必然要用模板插件.之前用过基于jQuery的和juicer等插件,考虑到以后公司项目上的统一,移动端和pc端上的统一,以及可维护性, ...
- jQuery - 全国省市县三级联动
最近有空用jquery做了一个全国省市县的三级联动,在以后或许可以用的到 ,遗憾的是我还没用封装,等有空看能不能封装成一个插件 废话不多说,贴上代码: <!doctype html> &l ...
- 项目总结01:JSP mysql SpringMvc下中国省市县三级联动下拉框
JSP mysql SpringMvc下中国省市县三级联动下拉框 关键词 JSP mysql数据库 SpringMvc ajax Controller层 Service层 中国地区 省 ...
- 省市县三级联动js代码
省市县三级联动菜单,JS全国省市县(区)联动代码,一般可以用于用户注册或分类信息二手交易网站,需要的朋友直接复制代码就可以用了,不过有朋友反馈说缺少某些城市,具体缺少哪个尚不知,请想用的朋友自己补全吧 ...
- wex5 实战 省市县三级联动与地址薄同步
无论是商城,还是快递,都要用到省市县三级联动,和地址薄,今天就以实战来制作,难点有3个: 1:三级联动,有wex5组件实现,相对简单,实战里对行数据进行了拼接 2: 地址薄选项,利用inputSel ...
- 省市县三级联动 sql语句
发现在网上的省市县三级联动大部分是mysql的.就算是sqlserver的,也不准确.于是就把mysql的给改了下,适用sqlserver.sql语句如下: CREATE TABLE Dic_Area ...
- Android 省市县 三级联动(android-wheel的使用)[转]
转载:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个控件,以为 ...
- Android 省市县 三级联动(android-wheel的使用)
转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个 ...
随机推荐
- 【M13】以by reference 方式捕捉exceptions
1.catch语句的参数有三种方式:by pointer,by value,by reference. 2.首先考虑,by pointer.这意味着抛出端必须抛出一个对象的地址.那么问题来了: 如果这 ...
- Aizu 2304 Reverse Roads 费用流
Reverse Roads Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/view ...
- Nginx+Tomcat集群部署
为了获取更好的性能,我们常常需要将tomcat进行集群部署.下文通过nginx转发实现tomcat集群,并通过nginx-upstream-jvm-route插件保证session的粘滞. 应用场景环 ...
- MySQL架构优化实战系列2:主从复制同步与查询性能调优
- CSS字体大小设置时的参考(转)
from:http://blog.sina.com.cn/s/blog_51cd580b0100gg6y.html font-size 设置的绝对关键字: 以下几个绝对字体大小的设置是有效的.当然他们 ...
- HTTP 无法注册 URL http://+:12345/HelloWcfService/。进程不具有此命名空间的访问权限
运行的时候却发现出如下问题:HTTP 无法注册 URLhttp://+:12345/HelloWcfService/.进程不具有此命名空间的访问权限(有关详细信息,请参见http://go.micro ...
- FBReaderJ 编译Jni
最近要做一个电子书项目用到FBReaderJ 第一步,也是最难的一步,要编译他的Jni 文件,对于android开发还是小白的我,只能说难!好难!非常难!,于是乎百度了一下,找到几篇有价值性的文章 第 ...
- jsp 用application对象制作留言板
<%@ page contentType="text/html; charset=gb2312"%> <html> <body> <for ...
- PHP数据库结果集处理
mysql连接成功后可以用msql_query来获得一个资源型的结果集. $sql = 'select * from emp_info';$result = mysqli_query($link,$s ...
- git - 版本控制器(本地仓库)
本地创建仓库,然后进行管理.提交到本地仓库(不需要网络),提交到远程仓库(需要网络) 相对于svn为克隆方式,赋值的是整个仓库,svn只是复制的代码. 1.电脑新创建一个”本地仓库”空文件夹 2. ...