城市三级联动

于 2016-09-04 20:29:00 发布
阅读量87 收藏
点赞数
原文链接：https://my.oschina.net/newSpring/blog/742212
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>城市三级联动 - citys</title>
        <link rel="shortcut icon" href="/public/img/favicon.png">
        <link rel="stylesheet" type="text/css" href="http://passer-by.com/widget/public/cssreset-min.css">
        <link rel="stylesheet" type="text/css" href="http://passer-by.com/widget/public/common.css">
        <style type="text/css">
            .citys{
                margin-bottom: 25px;
            }
        </style>
        <script type="text/javascript" src="http://passer-by.com/widget/public/jquery.min.js"></script>
        <script type="text/javascript" src="http://passer-by.com/widget/code/jquery.citys.js"></script>
    </head>
    <body>
        <div class="main">
          <div class="citys">
        <select name="province"></select>
        <select name="city"></select>
        <select name="area"></select>
      </div>
            <div class="code">
                $('.citys').citys({province:'福建',city:'厦门',area:'思明'});
            </div>
            <script type="text/javascript">
                $('.citys').citys({dataUrl:'http://passer-by.com/widget/jquery-citys/citys.json',province:'福建',city:'厦门',area:'思明'});
            </script>
            <div class="example">
                <div class="call">
                    <h1>调用方法：</h1>
                    <p>$(selector).citys(options);</p>
                </div>
                <h2> options参数</h2>
                <table>
                    <thead>
                        <tr>
                            <th style="width:150">参数</th>
                            <th style="width:80">默认值</th>
                            <th>说明</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>dataUrl</td>
                            <td>'citys.json'</td>
                            <td>数据库地址 (<a href="http://passer-by.com/widget/jquery-citys/citys.json" target="_blank">最新数据:2016年5月</a>)</td>
                        </tr>
                        <tr>
                            <td>provinceField</td>
                            <td>'province'</td>
                            <td>省份字段名</td>
                        </tr>
                        <tr>
                            <td>cityField</td>
                            <td>'city'</td>
                            <td>城市字段名</td>
                        </tr>
                        <tr>
                            <td>areaField</td>
                            <td>'area'</td>
                            <td>地区字段名</td>
                        </tr>
                        <tr>
                            <td>province</td>
                            <td>[无]</td>
                            <td>省份,可以为地区编码或者名称</td>
                        </tr>
                        <tr>
                            <td>city</td>
                            <td>[无]</td>
                            <td>城市,可以为地区编码或者名称</td>
                        </tr>
                        <tr>
                            <td>area</td>
                            <td>[无]</td>
                            <td>地区,可以为地区编码或者名称</td>
                        </tr>
                        <tr>
                            <td>required</td>
                            <td>true</td>
                            <td>是否必须选一个</td>
                        </tr>
                        <tr>
                            <td>nodata</td>
                            <td>'hidden'</td>
                            <td>当无数据时的表现形式</td>
                        </tr>
                        <tr>
                            <td>onChange</td>
                            <td>[无]</td>
                            <td>地区切换时触发,回调函数传入地区数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
<html>
 

转载于:https://my.oschina.net/newSpring/blog/742212

chenjungang0115
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
全国城市省市区三级联动
06-02
全国城市省市区三级联动
三级联动菜单
weixin_30877227的博客
03-14 73
<!--#includefile="conn.asp"--> <% dimbid,cid bid=request("bid")'bid大类id cid=request("cid")'cid中类id 'ifbid=""then 'bid="1" 'e...
jQuery城市三级联动菜单特效
07-24
本项目“jQuery城市三级联动菜单特效”利用jQuery的功能，构建了一个实用的省市区三级联动选择器，用户在选择时能流畅地从省级选项过渡到市级，再细化到区级，提供了一种高效且友好的用户体验。 首先，我们要理解...
城市三级联动插件
05-04
城市三级联动插件是一种在网页中实现省市区选择功能的JavaScript库，常见于表单填写、地址筛选等场景。这个插件旨在提供一种简便、高效的方法，帮助用户在选择地理位置时，通过下拉菜单的形式展示省、市、区三个级别...
pillow_heif-0.17.0-pp39-pypy39_pp73-macosx_14_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
cykooz.resizer-3.0.0-cp310-cp310-macosx_11_0_arm64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]Delphi题库管理与试卷自动生成系统.zip
07-27
[毕设]Delphi题库管理与试卷自动生成系统
131 种水果、蔬菜和坚果的 90380张的高质量图像数据集+图像识别与定位+该数据集相关的研究论文
07-27
<项目介绍> 包含131 种水果、蔬菜和坚果的 90380张的高质量图像数据集+该数据集相关的研究论文。可供深度学习图像识别与定位。 - 训练集大小：67700 个图像 测试集大小：22888 个图像 文件名格式：image_index_100.jpg（例如 32_100.jpg）或 r_image_index_100.jpg（例如 r_32_100.jpg）或 r2_image_index_100.jpg 或 r3_image_index_100.jpg。 “r”代表旋转水果。 “r2”表示水果绕第三轴旋转。 “100”来自图像尺寸（100x100 像素）。 水果是如何拍摄的: 1:使用 C920 摄像机拍摄水果。最好的网络摄像头之一。 2:在水果后面，我们放了一张白纸作为背景。 3:将水果和蔬菜种植在低速电机（3转/分钟）的轴中，并录制一段20秒的短片。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
Matlab实现斑点鬣狗优化算法SHO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测.rar
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
[毕设]HTTP服务器开发与设计.zip
07-27
[毕设]HTTP服务器开发与设计
Delphi简介+demo程序
07-27
Delphi 是一种由 Embarcadero Technologies（原 Borland 公司）开发的编程语言和环境，它基于 Object Pascal 语言，并提供了丰富的类库和可视化的集成开发环境（IDE）。Delphi 特别适合于开发 Windows 桌面应用程序，同时也支持其他操作系统如 macOS、iOS 和 Android（通过 FireMonkey 框架）。 下面是一个简单的 Delphi Demo 程序，该程序将创建一个窗口，并在窗口中添加一个按钮。点击按钮时，会在窗口底部显示一条消息。
qmake2cmake-1.0.6-py3-none-any.whl
最新发布
07-27
qmake2cmake-1.0.6-py3-none-any
全国大学生电子设计大赛项目合集自动化控制资料基于模糊控制的智能车系统设计
07-27
全国大学生电子设计大赛项目合集自动化控制资料基于模糊控制的智能车系统设计
Matlab实现人工蜂群优化算法ABC-CNN-BiLSTM-Mutilhead-Attention多变量时序预测.rar
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
infineon下载所有的TLE987X资料
07-27
infineon下载所有的TLE987X资料
PyQt6-6.7.1-cp38-abi3-win_amd64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
基于Kotlin实现的趣闻APP：有趣新闻和内含段子.zip
07-27
基于Kotlin实现的趣闻APP：有趣新闻和内含段子.zip
全国31省电子商务数据（2013-2021年）(全新整理)
07-27
特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 省级层面电子商务的研究可以推动数字经济的发展。数字经济是未来经济的重要方向，电子商务是数字经济的重要组成部分，通过研究省级层面电子商务的发展，可以推动数字经济的快速发展。是数字经济研究的重要变量之一。 数据来源：国家统计局、各省统计年鉴 时间跨度：2011-2021年 区域范围：全国31省
layui城市三级联动
11-19
layui城市三级联动是一种基于Layui框架的前端城市选择组件。该组件可以实现省市区三级联动的功能，用户可以通过这个组件方便地选择所在的省、市和区。在页面上显示出省、市、区三级的选择框，用户可以通过点击下拉框...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值