省市县 三级 四级联动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

时间: 2024-07-31 09:47:09

省市县 三级 四级联动Javascript JQ 插件PCASClass.js的相关文章

javascript模板插件amaze.js

摘要: 最近在开发项目时,异步接口需要前端渲染数据,js拼接太低级,必然要用模板插件.之前用过基于jQuery的和juicer等插件,考虑到以后公司项目上的统一,移动端和pc端上的统一,以及可维护性,所以就自己开发了一款模板插件amaze.js. 支持IE5+,chrome等流浏览器,支持for和if语法,以及表达式. 代码:https://github.com/baixuexiyang/amaze 例子: <script src="../src/amaze.js"><

jQ 插件 iscroll.js

使用方法 <div style="position: relative;"> <div id="wrapper"> <div class="scroll"> <ul class="index_nav_bar"> <li class="li_active">全部</li> <li><a href="javasc

JS省市县三级联动菜单

<html> <head> <title>JS省市县三级联动菜单丨潜水曝气机</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> body,select { font-size:9pt; font-family:Verdana; } a { color:red; text-dec

JavaScript解析XML实现省市县三级联动

JavaScript解析XML实现省市县三级联动,简单易用,只需要一个XML和一个js就能能实现,下载后代开HTML就能看到效果.  原文:JavaScript解析XML实现省市县三级联动 源代码下载地址:http://www.zuidaima.com/share/1550463310056448.htm JavaScript解析XML实现省市县三级联动

全国最标准的、最完整的省市县三级联动选择 - 大型企业信息化系统集成快速开发平台

在使用通用权限管理系统时,需要经常使用省市县三级联动选择,在网上看到不少这类例子,感觉不是很满足我们的需求, 在使用的时候也用过通用权限系统中的省市县接口,为减少对接口的调用,现将其改为JS文件调用的方式:样式如下 JS文件截图 这个JS文件可根据基础信息中省市县资料的变更重新生成.其自动生成方法调用如下图: 省市县数据基本变化应该很小,为方便大家提供最新生成的JS文件和demo: district.js /* * UPDATE DATE:2015-01-06 22:04:16 songbiao

asp.net(c#)用Ajax调用web 服务实现省市县三级联动

1.先说说硬件配置,我最开始是在Win7(I7 4770,8G RAM,2T硬盘)里装ubuntu10.10 64位系统(4G RAM,200G 硬盘)进行源码编译,大概花了3个多小时.而且还多次出现outofmemoryerror 错误.最后将硬件升级为I7 4770.16G内存.2T硬盘,不装虚拟机,直接跑Ubuntu 10.10系统,Swap分区为16G,编译一次大概花了40分钟,没有报任何错误. 所以不推荐在虚拟机里面跑. 2.根据官方文档配置编译环境: 官方文档说的是在"发布包/Sof

jQuery - 全国省市县三级联动

最近有空用jquery做了一个全国省市县的三级联动,在以后或许可以用的到 ,遗憾的是我还没用封装,等有空看能不能封装成一个插件 废话不多说,贴上代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>下拉框</title> 6 <script src="city.js"></script

关于三级联动或者四级联动等的一些思考

原理概述如图 1.当页面初始化时应当初始化的数据源: I级数据源.II级数据源.III级数据源.IV级数据源...... 所以在初始化I级数据源的时候,需要把II.III.IV级的数据源也初始化了 初始化II级的数据源时,需要把III.IV级的也初始化了,以次类推...... 最重要的时候在初始化页面时要把四级都初始化了,本人在此出现过错误,记录一下,提醒自己. 2.每一级数据源的改变都由其父一级或者父父级的的改变选值的事件触发 这里父父级其实也是父级的,比如第三级的改变可能是由第一级的值改变导

day01课程回顾,数据类型,(用户登录限制登录三次,购物车,省市县三级联动)

Day01 Python的分类 Cpython:代码àc字节码->机器码   一行一行的编译执行 Pypy:   代码àc字节码->机器码   全部转换完再执行 其他python  代码-->其他字节码-->机器码 Python的执行 Windows:C:\Python35\python.exe    D:\1.txt(python可执行文件路径---解释器   执行文件) Linux:可以在文件的头部写#!/usr/bin/python    python安装路径(用命令wher