省市县插件PCASClass.js

所属分类:输入-选择框

 141431  424  查看评论 (29)
分享到微信朋友圈
X
省市县插件PCASClass.js ie兼容6

入门

想要使用这款组件,需要页面引入 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 IDstring/array必需省份ID/NAME,通过new PCAS("")第一个参数指定ID
City IDstring/array必需城市ID/NAME,通过new PCAS("")第二个参数指定ID
Area IDstring/array可选地区ID/NAME,通过new PCAS("")第三个参数指定ID,若二级联动可省略
SetValue内置方法
通过如var mypcas=new PCAS()初始化后可动态改变设置数据。如:mypcas.SetValue("吉林省","松原市","宁江区");或者mypcas.SetValue()重新初始化数据;
相关插件-选择框

9款表单复选框(Checkbox)与单选按钮美化

9款表单复选框(Checkbox)与单选按钮美化
  选择框
 35742  361

JQ表单选择插件

插件包含单选按钮、复选框以及下拉选择菜单的功能,样式美化可自己编写css
  选择框
 58087  315

jQuery多级联动选择器

一款多级联动选择器,可自定义层级
  选择框
 48129  290

jQuery移动端城市二级联动

这是一个移动端省市选择的插件,因为弹框基于右侧滑动滑动显示弹出,用户体验好
  选择框
 28574  284

讨论这个项目(29)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    废舞 0
    2020/3/19 23:53:47
    与layui表单不兼容 回复
    月光 0
    2019/4/23 13:46:49
    我想要两颗西柚 0
    2018/10/8 9:56:55
    怎么显示默认的值 ,比如所属省份 这里的${m.province}就显示不出来 就算改为123也显示不出来 回复
    のscarecrow 0
    2018/5/28 15:41:43
    地址信息有错误 回复
    ????????????(橙子) 0
    2018/1/15 16:12:31

    SetValue();没有这个方法

        ????????????(橙子)1
        2018/1/15 16:30:35
        $(省的id).find("option").eq(0).prop("selected",true);

        这样就可以重置了。我是做的弹框。每次点击都要重置,这样就可以重置了

        耍赖、很优雅0
        2018/4/20 14:38:34
        我用的也是弹窗,只能选省,后边市,区不能选
    回复
    永远的24号 0
    2017/9/6 21:24:02

    servlet怎么获取选中的值

    回复
    耍无赖 0
    2017/7/12 15:57:19
    地址不全,广东省中山市然后就没了, 回复
    我们好像在哪儿见过 0
    2017/6/12 17:11:24
    让你幸福,让你笑 0
    2017/3/24 16:55:33

    怎么获取选择的值?

        在地球上旅行的独角兽 ζ0
        2018/2/24 14:51:39
        和正常的获取option值一样的,$(".select的class名 option:selected").text();
    回复
    亚运 0
    2017/3/13 23:24:05

    请问怎么获取选中的省市区

        爱着自己の修罗1
        2017/6/21 0:49:11

        和正常的获取option值一样的,$(".select的class名 option:selected").text();

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复