UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

简洁实用的城市选择插件（原创）

所属分类：输入-选择框

 86820  384  查看评论 (62)
分享到微信朋友圈
X
简洁实用的城市选择插件（原创） ie兼容10
 查看演示  website  立即下载

2016-5-23更新

/**代码优化；修复点击二级城市后，弹框不能消失的问题**/

ie10浏览器以下会出现错位问题用户可以修改样式完善！


用法：

var cityPicker = new HzwCityPicker({
        data: data,
        target: 'cityChoice',
        valType: 'k-v',
        hideCityInput: {
            name: 'city',
            id: 'city'
        },
        hideProvinceInput: {
            name: 'province',
            id: 'province'
        },
        callback: function(){
            alert('OK');
        }
    });

    cityPicker.init();

详细说明可以参考示例以及文件详细注释

相关插件-选择框
查看更多

jQuery世界主要国家和地区联动

 世界主要国家地区三级联动选择
  选择框
 28088  323

仿淘宝手机网站选择省市县效果

 仿淘宝手机网站选择省市县效果
  选择框
 40275  422

jQuery无限级联动下拉选择插件

 无限级联下拉选择器，可以随意配置级联数量，没有上限，最小一个。jquery插件形式。数据结构简单。简单易用，快速上手。
  选择框
 24810  228

JQ表单选择插件

 插件包含单选按钮、复选框以及下拉选择菜单的功能，样式美化可自己编写css
  选择框
 58317  315

讨论这个项目（62）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Peach 0
    2018/6/8 17:21:48
    赞一个~不错的哈
        IIInsomnia0
        2018/6/8 17:52:52
        ^_^ 谢谢！
    回复
    大葱 0
    2018/5/4 15:44:08
    非常感谢
        IIInsomnia0
        2018/6/8 17:51:20
        ??
        IIInsomnia0
        2018/6/8 17:51:58
        ^_^
    回复
    StruggleThunder 0
    2018/4/23 12:03:26
    很不错呀
        IIInsomnia0
        2018/4/23 13:55:50
        谢谢！
    回复
    心悦大成 0
    2018/2/10 22:30:12
    @iiinsomnia：可以使用button点击出现选择城市，并且选择城市后再将值赋给另一个input吗？实现站点城市切换，感谢！！！
        IIInsomnia0
        2018/2/11 13:56:44
        可以啊，处理 callback 即可
    回复
    The one 0
    2017/10/8 21:31:18
    The one 0
    2017/10/8 21:30:32
    狂奔的蜗牛 0
    2017/8/9 9:41:01
    点击“切换城市”，来替换input中的值，改怎么修改 回复
    ” 人 0
    2017/7/19 9:34:00

    选择完地区后怎么把选到的值传给后台呢

        IIInsomnia1
        2017/7/19 9:41:12

        看例子，加个input隐藏框即可

    回复
    TJ. 0
    2017/6/14 9:51:57
    请问怎么能把省份也加入input框呢 回复
    ?? 0
    2017/4/13 15:30:12
    我想要比如 点击北京弹框，要怎么做到
        IIInsomnia0
        2017/4/13 16:24:15

        什么意思？

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复