jquery 省市区联动插件

使用方式：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Demo</title><!-- 引入jquery --><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, 最小是1url: "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>

效果截图:

下载地址

转载于:https://www.cnblogs.com/eecjimmy/p/5052783.html

jquery 省市区联动插件相关推荐

三级联动数据库添加html,前端jQuery最新省市区三级联动插件，包含sql数据库
一.目录结构二.功能演示 1)用浏览器打开,index.html 2)单击,输入框, 3)选择省份 4).选择城市 5).选择区县 6).显示已选中的名称和ID 三.前端页面html> 地区数 ...
30 个最好的jQuery表单插件
jQuery 的出现为我们的开发工作带来了极大的便利,而众多的基于jQuery插件的出现就犹如我们在 Firefox 中安装名目繁多的插件一样而乐此不疲,今天带给大家的是精心挑选的这30个最好的jQu ...
jQuery省市区三级联动插件
体验效果:http://hovertree.com/texiao/bootstrap/4/ 支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> & ...
jquery插件 autoComboBox 自动创建联动的下拉框如:省市区联动
废话{ 诞生背景: 问: 1.大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做? 是用ajaxpro.dll 还是jquery ajax呢?? 答: 是,留下继续阅读. ...
html5手机移动端三级联动城市选择器,jquery移动端省市县（区）三级联动插件
最近刚做完一个版本的项目,闲暇时间,就索性把项目中需要用到的插件都自己写了一个,毕竟自己动手丰衣足食才是最重要,自己写的,可以应对各种项目需求,今天又把手机端的省市区三级联动选择功能编写了一个插件出来 ...
jquery省市区ajax,jQuery省市区三级联动
jQuery省市区三级联动演示下载,本文将给大家介绍一款非常好用的省市区三级联动插件:cityselect.通过这款城市联动插件,省市区三级联动cityselect插件可以无刷新省市区联动效果. 查看 ...
html中免费的四级联动,利用JS实现省市区街道四级联动插件
特效描述:利用JS实现省市区街道四级联动插件.利用JS实现省市区街道四级联动插件代码结构 1. 引入CSS 2. 引入JS 3. HTML代码所在地区所在地区请选择请选择请选择请选择 ...
js原生，省市区三级联动插件
js原生,省市区三级联动插件 <%@ page language="java" contentType="text/html; charset=UTF-8" ...
车型选择三级联动插件
由于项目需要需要一个车型选择的三级联动插件,即先选择品牌,再选择车系,最后选择车型的联动,说起三级联动可能最常见的就是省市区然后三个select的这样的联动,如图根据传回后台的参数来请求每一级的数据 ...
省市县三级联动插件（面向过程，面向对象两种方式实现）
<div class="city_select"><select id="province"><option value=&quo ...

jquery 省市区联动插件

jquery 省市区联动插件相关推荐

最新文章

热门文章