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

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

所属分类：输入-选择框

 85982  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();

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

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

聚焦input框，显示下拉框（原创!!）

 鼠标聚焦input框，之接显示下拉内容，点击输入框以外的地方因关闭下拉框。
  选择框
 31348  313

css3自定义单选多选框框css3checkbox

 css3自定义单选框，多选框好看实用
  选择框
 35912  381

js模拟ios联动插件iosselect

 html下拉菜单select在安卓和IOS下表现不一样，iosselect正是为统一下拉菜单样式而生
  选择框
 32335  360

jQuery原创全国省份城市学校三级联动下拉列表

 国内所有高校，按着省份，城市，学校，三级联动下拉列表。更能方便选择学校，学校为最新最全!!!!
  选择框
 30683  340

讨论这个项目（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

        什么意思？

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