`
hudeyong926
  • 浏览: 2032715 次
  • 来自: 武汉
社区版块
存档分类
最新评论

Jquery N级联动

阅读更多

2016全国省市区数据库特点

<?php

class Region
{
    /**
     * 是否为直辖市
     * @param string $name 名称
     * @return bool
     */
    public static function isMunicipality($name) {
        return in_array($name, [
            '北京', '上海', '天津', '重庆'
        ]);
    }

    /**
     * 是否为特别行政区
     * @param string $name 名称
     * @return bool
     */
    public static function isSAR($name) {
        return in_array($name, [
            '香港特别行政区', '澳门特别行政区'
        ]);
    }

    /**
     * 是否为自治区
     * @param string $name 名称
     * @return bool
     */
    public static function isAutonomousRegion($name) {
        return in_array($name, [
            '内蒙古自治区', '新疆维吾尔自治区', '广西壮族自治区', '宁夏回族自治区', '西藏自治区'
        ]);
    }

    /**
     * 是否为省份
     * @param string $name 名称
     * @return bool
     */
    public static function isProvince($name) {
        return !static::isSAR($name) && !static::isAutonomousRegion($name) && !static::isMunicipality($name);
    }

    function getRegions($type = 1, $parent_id = 1) {
        return $this->where(['region_level' => $type, 'parent_id' => $parent_id])->select();
    }
    /**
     * 省份下的城市
     */
    public function getCitysByProvinceId($pid) {
        $cityArray = array();
        if ($pid > 0) {
            $cityArray = $this->getRegions(2, $pid);
        }
        return $cityArray;
    }

    /**
     * 城市下的地区
     */
    public function getDistrictsByCityId($city_id) {
        $areaArray = array();
        if ($city_id > 0) {
            $areaArray = $this->getRegions(3, $city_id);;
        }
        return $areaArray;
    }

    /**
     * 获取省市区完整名称
     */
    public function getFullDistrict($province, $city, $area, $delimiter = '') {
        $regions = $this->getAllRegions();
        $provinceName = $cityName = $areaName = '';
        if ($province > 0 && array_key_exists($province, $regions)) {
            $provinceName = $regions[$province];
        }
        if ($city > 0 && array_key_exists($city, $regions)) {
            $cityName = str_replace(['县', '市辖区'], '', $regions[$city]);
        }
        if ($area > 0 && array_key_exists($area, $regions)) {
            $areaName = $regions[$area];
        }
        return $provinceName . $delimiter . $cityName . $delimiter . $areaName;
    }

    public function getAllRegions() {
        $result = array();
        $regions = $this->select();
        foreach ($regions as $r) {
            $result[$r['region_id']] = $r['region_name'];
        }
        return $result;
    }
} 
 

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="LinkedSelect.js"></script>
    <script type="text/javascript" charset="utf-8">
        var select = new LinkedSelect();
        // 调用selct的init()方法,注意,该方法的参数是一个数组,用[]括起来,每个select的定义用{}括起来,多个select定义之间以,分割
        select.init([
            {
                id:"province",
                url:"http://localhost/provinces.php",
                nullable:false,
                defaultValue:'230000' //selected
            },
            {
                id:"city",
                url:"http://localhost/city.php",
                nullable:false
            }
        ]);
    </script>
    <select name="province" id="province">
    </select>
    <select name="city" id="city">
    </select>
</html>
分享到:
评论
3 楼 nilm61 2010-11-05  
支持 一下 !!
2 楼 kjj 2010-03-19  
杯具啊,创建表编码竟然是lant1 ,你叫我如何是好,希望你上传utf8编码 的,否则很难用!
1 楼 cheney_love 2010-01-19  
这么多下载的,怎么一个留言的也没有,lz多伤心哦

相关推荐

    基于jquery的N级下拉联动

    5. 扩展性:为了实现N级联动,可以在事件处理函数中加入递归逻辑。当处理完当前级别的联动后,检查是否还有下一级,若有则继续处理,直至无更多级为止。 四、示例代码 以下是一个简单的3级下拉联动的jQuery实现: ...

    jquery省市三级联动.rar

    本示例中的"jquery省市三级联动.rar"是一个使用jQuery实现的省市三级联动效果的示例代码。这个功能常用于网页上的地址选择,用户在选择省份后,下拉菜单会自动更新为对应省份的城市,接着选择城市后,再次更新为该...

    省市县N级联动

    省市县N级联动是网页设计和前端开发中的一个重要概念,主要应用于下拉选择框的联动效果,例如在填写地址信息时,用户先选择省份,接着选择城市,再选择区县,这种逐级展开并依赖上一级选择结果的交互设计就被称为N级...

    jQuery H5世界城市三级联动下拉选择代码.zip

    代码片段: var areaObj = []; function initLocation(e){ var a = 0; for (var m in e) { areaObj[a] = e[m]; var b = 0;...for (var n in e[m]) { ...areaObj[a][b ] = e[m][n]; } a ; } }

    ajax n级联动数据库版(带后台和省市县数据库)

    演示程序实现了省、市、县三级联动(ajax技术) 程序调用方法: 1:把 &lt;script language="javascript" src="js/jquery.js"&gt; &lt;script language="javascript" src="js/firste_city.js"&gt;&lt;/script&gt; 贴到网页&lt;head&gt;&lt;/head...

    世界地区三级联动demo(带完整国家地区信息)

    总的来说,“世界地区三级联动demo”涵盖的知识点包括:数据结构设计、前端开发(JavaScript、jQuery或现代框架)、后端API设计、数据库操作、AJAX请求、数据缓存、UI设计以及国际化支持。理解并掌握这些技术,对于...

    全球国家,省份,城市 三级联动

    4. 前端展示:在网页中实现三级联动效果,可以利用JavaScript(如jQuery)、Vue.js、React.js或Angular.js等前端框架,配合AJAX技术实现异步加载和动态更新。 5. 后端接口:后端服务器需要提供API接口,供前端调用...

    jquery 省市区县三级联动

    $("&lt;option selected&gt;"+mc[pindex][n]+"&lt;/option&gt;").appendTo($("#"+obj_2)); }else{ $("&lt;option&gt;"+mc[pindex][n]+"&lt;/option&gt;").appendTo($("#"+obj_2)); } } } if (cindex...

    联动的例子(2、3、n级)可以动态(从数据库中取数据)

    这个过程可以逐级扩展,直到完成n级联动。 在这个例子中,`index.html`文件很可能是包含HTML结构和JavaScript代码的网页文件,用于展示和控制联动效果。HTML部分可能包含了多个下拉框或其他选择元素,每个元素都有...

    jQuery+JSON实现AJAX二级联动实例分析

    在这篇介绍性文章中,我们详细探讨了如何使用jQuery和JSON技术实现AJAX二级联动效果。文章以实例的方式展示了前端使用jQuery框架发送AJAX请求,并且在后端通过C#编写的WebHandler处理数据,将数据库中的信息以JSON...

    源代码-ajax n级联动数据库版(带后台和省市县数据库) utf-8.zip

    该压缩包文件“源代码-ajax n级联动数据库版(带后台和省市县数据库) utf-8.zip”包含了一个基于ASP技术实现的多级联动选择功能的源代码,主要用于处理省市县(或者地区)的层级数据。这个功能在很多网站中都有应用,...

    仿淘宝省市地区街道4级联动地址含数据库

    在IT行业中,4级联动地址通常指的是一个交互式的下拉选择功能,用于用户输入详细的地理位置信息,例如国家、省份、城市和街道。这种设计常见于电商网站,如淘宝,以帮助用户精确地指定收货地址。这个“仿淘宝省市...

    ajax 多级联动数据库版(带后台和省市县数据库)

    - `ajax n级联动数据库版(带后台和省市县数据库)`:可能是一个包含所有源代码和数据库文件的压缩包,包括HTML、CSS、JavaScript、服务器端脚本以及数据库文件。 总结,这个项目提供了实现多级联动效果的完整解决...

    基于jQuery+JSON的省市二三级联动效果

    本文中,作者通过调用jQuery的citySelect插件,实现省市二三级联动效果。具体使用方法为:在HTML中引入jQuery库和cityselect插件,然后通过jQuery("#city").citySelect();的方式调用插件。此外,还可以通过自定义...

    N级级联Google式下拉选单

    标题中的“N级级联Google式下拉选单”指的是一个基于jQuery的插件,它模仿了Google搜索框中的级联下拉菜单效果,并且能够扩展到任意多级(N级),提供用户更加灵活和丰富的选择体验。这种设计通常用于在输入框中辅助...

Global site tag (gtag.js) - Google Analytics