jquery实现的省市区三级联动
省市级联动，附使用示例和数据表数据
有部分数据精确到乡镇一级！！！
Git 地址：http://git.oschina.net/upliu/province-city-district
演示代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>省市区三级联动</title>
</head>
<body>
<form method="post" action="post.php">
<div id="area"></div>
<input type="submit" style="margin-top: 10px;">
</form>
<script src="jquery-2.1.3.min.js"></script>
<script src="area.js"></script>
<script>
$(function(){
add_select(0);
$('body').on('change', '#area select', function() {
var $me = $(this);
var $next = $me.next();
/**
* 如果下一级已经是当前所选地区的子地区，则不进行处理
*/
if ($me.val() == $next.data('pid')) {
return;
}
$me.nextAll().remove();
add_select($me.val());
});
function add_select(pid) {
var area_names = area['name'+pid];
if (!area_names) {
return false;
}
var area_codes = area['code'+pid];
var $select = $('<select>');
$select.attr('name', 'area[]');
$select.data('pid', pid);
if (area_codes[0] != -1) {
area_names.unshift('请选择');
area_codes.unshift(-1);
}
for (var idx in area_codes) {
var $option = $('<option>');
$option.attr('value', area_codes[idx]);
$option.text(area_names[idx]);
$select.append($option);
}
$('#area').append($select);
};
});
</script>
</body>
</html>
以上所述就是本文给大家分享的全部内容了，希望大家能够喜欢。
-
本文向大家介绍省市区三级联动jquery实现代码，包括了省市区三级联动jquery实现代码的使用技巧和注意事项，需要的朋友参考一下 最近项目需要用到关于省市区三级联动下拉选择的功能，于是乎网上搜了一些做法，觉得有一些只是给出了小的案例，却很难找到详细的省、市、区的具体数据（其实，用baidu搜索就是这样啦），果断用google，搜出来的博文质量相当高，特此记录记录！！！ 对于这个效果，其实我发现主
-
本文向大家介绍Android实现省市区三级联动，包括了Android实现省市区三级联动的使用技巧和注意事项，需要的朋友参考一下 针对AdapterView的拓展使用，Spinner实现省市区的三级联动，具体内容如下 其主要是通过使用Spinner的setOnItemSelectListener来实现。 代码示例： activity_main.xml MainActivity.java 运行结果：
-
本文向大家介绍jquery+ajax实现省市区三级联动效果简单示例，包括了jquery+ajax实现省市区三级联动效果简单示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery+ajax实现省市区三级联动效果。分享给大家供大家参考，具体如下： 一直想学习下Ajax,没时间,汗,这借口太牵强了.下了点教程在手机里,翻了好几遍了,没实战一次. 最近的项目里需要Ajax实现效果,就下了
-
本文向大家介绍JavaScript实现省市县三级级联特效，包括了JavaScript实现省市县三级级联特效的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js省市县三级级联特效的实现代码，供大家参考，具体内容如下 主要思想 1.省改变，市改变，并初始化县 2.市改变，县改变 html代码 主要步骤 1.获取元素对象 2.定义市和县的数组 3.定义全局变量 4.实现省份改变，市跟着变化
-
本文向大家介绍javascript实现省市区三级联动下拉框菜单，包括了javascript实现省市区三级联动下拉框菜单的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript实现省市区三级联动下拉框菜单代码。分享给大家供大家参考，具体如下 运行效果截图如下： 首先写一个静态的页面： 调用的geo.js源码：
-
本文向大家介绍详解Vue、element-ui、axios实现省市区三级联动，包括了详解Vue、element-ui、axios实现省市区三级联动的使用技巧和注意事项，需要的朋友参考一下 现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue，axios，element-ui开发一个省市区三级联动的组件。 1.准备工作，首先我们需要全中国的省市