`

使用region_updater插件实现国家/地区二级联动下拉

阅读更多
在项目中遇到了这个需求:用户注册时从下拉框中选择一个国家,然后联动,再选加一个下拉框中选择相应的省份地区。
之前没有在网上找找资料,直接自己干活,很是郁闷,所以的基础信息都是我一个人填进数据库的,发现自己很bc

今天我在github上面好好找了一下,发现了一个很好的解决方案。

region_updater插件
http://github.com/tolatomeow/region_updater/tree/master
另外,它依赖rails官方的country_select插件
http://github.com/rails/country_select/tree/master

将这两个插件从github上拉下来,将它放在插件目录中。

使用方法:

说明:对于users表中应该有country和region两个string类型的字段
==> Requirements
1) Ruby on Rails 2.1 (tested on version 2.1, may work with prior versions)
2) Prototype 1.6 javascript framework

执行script/generate region_updater命令,它的作用是将两个js放在public/javascripts目录下面

然后在/app/views/users/new.html.erb文件中或者模板文件中将js引进
<%= javascript_include_tag :all %>
然后在form_for的代码块中,加上
    <%= region_country_select( :user, :country) %>
    <%= region_update_label %>
    <%= region_update_select_tag( 'user[region]') %>


一切都搞定了,收工。

ps,这个插件可没有将全世界所有的国家的地区全都给你写出来,你可以进入/vendor/plugins/region_updater/generators/region_updater/countries目录,将default.yaml复制一份,命名为custom.yaml,然后自己填写国家和地区信息,然后再执行script/generate region_updater命令,即可。

为防止,插件有更新和变动之类的,我将目前可以正常使用的这两个插件打包,发上来,在附件中。
分享到:
评论

相关推荐

    SANGFOR_Updater6.0.zip

    【标题】"SANGFOR_Updater6.0.zip" 是深信服科技发布的一个更新工具,主要用于深信服产品的维护和升级。这个压缩包包含了深信服设备的更新程序和其他辅助工具,确保用户能够顺利地对系统进行版本更新,以获取最新的...

    Cert_Updater_v1.6.exe

    Cert_Updater_v1.6.exe Cert_Updater_v1.6.exe Cert_Updater_v1.6.exe

    ROS通信代码实现及Gazebo仿真

    waypoint_updater/waypoint_updater.launch stanley_persuit/stanley_persuit.launch Pure_persuit算法: smartcar_description/smartcar_gazebo.launch waypoint_loader/waypoint_loader.launch waypoint_updater/...

    SANGFOR_Updater6.1.zip

    《深信服AC设备升级全攻略:借助SANGFOR_Updater6.1.zip实现安全高效更新》 在IT行业中,确保网络安全设备的软件版本是最新的至关重要。深信服作为业界领先的网络安全解决方案提供商,其产品线中的AC设备是企业网络...

    华硕Z87主板BIOS_updater_for_4th_Gen_Intel_Core_CPU.zip

    这个“华硕Z87主板BIOS_updater_for_4th_Gen_Intel_Core_CPU.zip”压缩包就是用于更新该主板BIOS的工具,以确保与最新硬件和软件的兼容性,解决潜在问题,提高系统的稳定性和性能。 BIOS更新通常包含以下好处: 1. ...

    SANGFOR_Updater6.2.rar

    深信服更新工具6.2的使用,不仅可以提升深信服设备的安全性和稳定性,还可以通过定期更新来确保用户的网络环境始终处于最佳状态,抵御不断变化的网络安全威胁。对于IT管理者来说,熟练掌握这款工具的使用方法,是...

    MX6Q_UPDATER_V2.0.zip

    《MX6Q_UPDATER_V2.0.zip:基于MX6Q的制造工具与固件更新详解》 在IT行业中,设备的固件更新和制造工具对于确保硬件设备的正常运行和性能提升至关重要。"MX6Q_UPDATER_V2.0.zip"是一个针对MX6Q处理器的固件更新工具...

    Python库 | qt_thread_updater-1.1.0.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:qt_thread_updater-1.1.0.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    Python库 | selenium_driver_updater-3.9.0.tar.gz

    标题中的“Python库 | selenium_driver_updater-3.9.0.tar.gz”指的是一个Python库的压缩包,名为`selenium_driver_updater`,版本号为3.9.0,存储格式为tar.gz。这个库主要用于自动更新Selenium的驱动程序,以适应...

    HyperX_Cloud_Virtual_7.1_Surround_Sound_Firmware_Updater_Rev_001

    金士顿飓风2耳机,极度未知飓风2耳机,飓风2耳机,0010版本驱动,使用方式: 1、下载驱动,双击,点击Update,等待更新完成 2、打开设备管理器 -&gt; 声音、视频和游戏控制器,展开如果有多条,只需要保留 High ...

    Android_ROM_刷机脚本_updater-script_的基本流程和初级语句说明

    "Android_ROM_刷机脚本_updater-script_的基本流程和初级语句说明" Android ROM 刷机脚本 updater-script 的基本流程和初级语句说明是 Android ROM 刷机的核心内容之一。刷机脚本的主要作用是指导刷机的整个过程,...

    Legacy_Particle_System_Updater.cs

    使用ParticleEmitter, ParticleAnimator和ParticleRenderer的游戏对象,可以使用此工具转换为使用ParticleSystem和ParticleSystemRenderer组件

    Microsoft_AutoUpdate_4.21.20030802_Updater.pkg

    Provides latest MS Office updates to customers.Microsoft AutoUpdate allows you to keep your software up-to-date automatically.

    Kext_Updater_3.5.6.zip

    标题中的“Kext_Updater_3.5.6.zip”指的是一个名为Kext Updater的软件的压缩包,其版本号为3.5.6。Kext Updater是一款专为黑苹果(Hackintosh)系统设计的实用工具,主要用于帮助用户方便、快捷地更新内核扩展...

    黑苹果MacOS驱动更新检测工具Kext_Updater_v3.4.8

    【黑苹果MacOS驱动更新检测工具Kext_Updater_v3.4.8】是一款专为安装了MacOS操作系统的非苹果硬件(又称“黑苹果”)设计的实用工具。这款软件的主要功能是检测并更新系统中的内核扩展(Kernel Extension,简称kext...

    spry_p1-6-1_updater_022508

    spry_p1-6-1_updater_022508

    DriveRack_Updater2.5

    DriveRack_Updater2.5

    SUNDRAY_Updater6.0 (1).7z

    网络设备接入工具

    ROS通信代码实现及Gazebo仿真(Python+cmake)

    ROS通信代码实现及Gazebo仿真(Python+cmake) ROS ROS communication codes and Gazebo simulation 运行环境:Ubuntu16.04 + ROS Kinetic + Gazebo8.0 运行步骤: Stanley算法: -&gt; smartcar_description/...

    cardo_updater_win_latest.exe

    cardo蓝牙耳机升级软件,windows版,用于升级cardo蓝牙耳机cardo蓝牙耳机升级软件,windows版,用于升级cardo蓝牙耳机

Global site tag (gtag.js) - Google Analytics