`
niqingyang
  • 浏览: 44029 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

YII 地区多级联动选择器组件

    博客分类:
  • YII
 
阅读更多

系统中的地区列表功能重新做了,并定制了许多地方都需要使用的地区列表的多级联动的组件,使用方法如下:

1.在页面中定义一个容纳组件的容器,例如:div、span等等。

2.在页面中引入:

{script src='@static/js/jquery.region.js'}

 3.在页面加载完成后初始化组件:

		$("#region_container").regionselector({
			// 组件初始化时,如果value属性传入地区代码,则组件自动加载对应的地区,为空或者null均不加载
			value: '37,14,22',
			// 根据页面样式可以给每个select下拉框定义class
			select_class: "form-control",
			// @param value 用户选择的值,可以根据用户选择的值赋值给某个隐藏域货做其他处理
			// @param names 用户选择的所有地区名称的列表,如果用户选择的为空则返回空数组
			// @param is_last 用于判断选择的是否已经是最后一级了,如果是则返回true,否则返回false
			change: function(value, names, is_last) {
				console.info(value);
			}
		});

4.注意:

(1)change事件的is_last可判断是否为最后一级,可用于处理只有在最后一级时才将value赋值给隐藏域,通过隐藏域加入验证规则达到验证的目的。

(2)change事件的names为一个数组,表示所选择的地区的列表的名称数组,最后一项元素对应value的地区名称。

5.效果:

 

这是页面初始化时就给定的地区值,ajax直接加载出默认值

 

  • 大小: 11.8 KB
分享到:
评论

相关推荐

    yii 三级联动 省市区

    在 Web 开发中,经常需要实现省市区三级联动的功能,它可以让用户在选择省份时,根据选择自动填充下拉框中的对应城市和区县,提供便捷的用户交互体验。这个“yii 三级联动 省市区”压缩包提供的就是一个基于 Yii ...

    Yii实现的多级联动下拉菜单

    在Yii框架中,多级联动下拉菜单是一个常见的交互元素,它允许用户在选择一个选项后,根据所选选项动态加载下一个级别的下拉菜单。这种功能通常用于处理层级关系的数据,如地区选择、类别筛选等。本文将详细介绍如何...

    yii 下拉列表多级联动 dropDownList 地址sql文件

    http://blog.csdn.net/aa1049372051/article/details/21021001文章中用到的sql文件

    Yii 2.0进阶版 高级组件 优化京东平台

    Yii 2.0 提供了丰富的特性,如 MVC(模型-视图-控制器)架构模式、 ActiveRecord ORM、依赖注入、事件和行为、安全防护等,旨在提高开发效率和代码质量。进阶版通常指的是深入讲解框架的核心概念和高级用法,包括...

    yii 自定义widget地址联动

    地址联动通常指的是在选择某一地区的下拉框时,根据选择自动更新其他地区下拉框的选项。这种功能在电子商务网站、物流系统等场景中常见。实现这一功能,我们可以利用jQuery或者其他JavaScript库来监听选择事件,然后...

    yii2-mailqueue, 用于 yii2 swiftmailer https的yii2的电子邮件队列组件.zip

    yii2-mailqueue, 用于 yii2 swiftmailer https的yii2的电子邮件队列组件 yii2-mailqueue适用于 yii2-swiftmailer的yii2的电子邮件队列组件安装安装这个扩展的首选方法是通过 composer插件。运行...

    基于YII框架的省市联动

    本文将深入探讨如何在Yii框架中实现基于最新省份城市数据的二级联动功能,以帮助开发者更好地理解和应用这项技术。 首先,我们要了解什么是Yii框架。Yii是一个开源的,基于组件的高性能PHP框架,主要用于开发Web ...

    Yii 2.0进阶版 高级组件 ES/Redis/ Sentry 优化京东平台 收藏 难度高级

    Yii 2.0进阶版 为百度分享的链接及密码 Yii 2.0进阶版 为百度分享的链接及密码

    yii2 百度编辑器

    Yii2框架是基于组件的高性能PHP框架,用于开发Web 2.0应用程序。它提供了一套全面的工具,包括模型、视图、控制器(MVC)模式,以及自动化脚手架、缓存管理、数据库访问优化等特性,使得开发者能够更高效地构建高...

    yii2.0 标签组件

    在Yii2.0中,"标签组件"(Tag Cloud)是一种常见且实用的功能,它允许用户以云的形式展示和管理标签,通常用于博客、文章或其他内容管理系统中,以直观地显示和链接相关的主题或类别。"yii2tags组件"就是专门为Yii...

    Yii 2.0高级组件优化京东电商平台

    Yii 2.0 高级组件 ES/Redis/ Sentry 优化京东平台 Yii 2.0 高级组件 ES/Redis/ Sentry 优化京东平台

    yii2-colorpicker

    Yii2 的颜色选择器小部件 Yii2 的颜色选择器小部件 安装 安装此扩展的首选方法是通过 。 要么跑 php composer.phar require --prefer-dist cliff363825/yii2-colorpicker "*" 或添加 "cliff363825/yii2-...

    Yii 2.0进阶版 高级组件优化京东平台

    Yii 2.0进阶版 为百度分享的链接及密码 Yii 2.0进阶版 为百度分享的链接及密码

    yii2 通用后台系统

    在Yii2框架中,`yiisoft/yii2` 是核心库,它包含了路由、控制器、模型、视图、MVC模式等关键组件。这个通用后台系统充分利用了Yii2的这些特性,通过优雅的代码结构和强大的性能优化,使得开发者能够高效地进行后台...

    yii2-beanstalk, Yii2 beanstalk web和控制台组件.zip

    yii2-beanstalk, Yii2 beanstalk web和控制台组件 yii2-beanstalkYii2 beanstalkd web和控制台组件,它是 pda/pheanstalk服务器顶部的一个接口。 感谢 Paul Annesley 完成这项工作。:如何使用?插件安装与 Composer...

    Yii 2文件下载

    1. **yiisoft/yii2**: 框架的核心组件,包括MVC(模型-视图-控制器)架构、数据库访问层、缓存机制、身份验证和授权等。 2. **Composer配置文件**:用于管理依赖和自动加载类库。 3. **基础应用模板**:提供一个基本...

    yii2-language-picker:Yii2语言选择器小部件

    Yii2语言选择器 Yii2语言选择器小部件 介绍 该小部件提供了易于使用的语言选择器,可轻松更改我们网站的语言。 语言更改可以同步或异步(通过Ajax)进行。 默认方法是异步的(通过Ajax调用),但是,如果该方法由于...

    yii2高级应用之自定义组件实现全局使用图片上传功能的方法

    本文讲述了yii2高级应用之自定义组件实现全局使用图片上传功能的方法。分享给大家供大家参考,具体如下: 此例为yii2高组应用,这里只提供一个简单的事例 在yii2中,在使用到上传图片时有自带的一个上传图片类,但不...

    yii2.0高级版

    Yii 2.0 是Yii框架的重大升级,引入了许多新特性,如依赖注入、事件系统、服务定位器等,同时保持了性能和灵活性。 2. **高级应用模板**:此模板是Yii 2.0的一个预配置项目,分为前端和后端两个独立的应用,每个...

Global site tag (gtag.js) - Google Analytics