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

城市选择控件

所属分类：输入-选择框

 58572  458  查看评论 (53)
分享到微信朋友圈
X
城市选择控件 ie兼容6
 查看演示  立即下载

城市选择插件使用方法: 

<!-- 引入css和js -->

1
2
<link rel="stylesheet" href="cityselect/cityselect.css">
<script type="text/javascript" src="cityselect/cityselect.js"></script>

<!-- 在输入框加入id -->

1
<input type="text" class="cityinput" id="citySelect" placeholder="请输入目的地">

<!--JS创建实例，传入输入框id-->

1
2
3
<script type="text/javascript">
    var test=new Vcity.CitySelector({input:'citySelect'});
</script>

"附有demo，使用简便"

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

jQuery下拉多选插件ySelect.js

 简单实用的jQuery多选插件ySelect.js,支持反选，搜索，分组。
  选择框
 62596  369

jQuery下拉菜单插件

 jQuery下拉菜单插件UCSelect.js,包含多选，单选，分组选择，内容搜索，选择框大部分所需要的功能。
  选择框
 31084  315

移动端弹出列表选择框

 html5制作动画弹出下拉菜单选择，适用于手机端的动态弹出选择下拉菜单代码。
  选择框
 46164  353

jQuery城市联动选择

 jQuery城市三级联动选择
  选择框
 61560  467

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

    wxiaowen 0
    2020/3/26 11:51:34
    有没有ID号加上去 回复
    其名为鲲 0
    2019/1/7 11:32:14
    我爱的人名字里有Y 0
    2018/7/19 20:16:33
    怎么默认选中某个城市
        Eleven20150
        2018/7/20 9:47:48
        这个插件没有实现这一功能, 你仔细看应该会发现, 当你选择某一城市, 再次点开面板, 那个城市名是不会有选中状态的 ―― 这种默认选中的需求比较稀少， 比如一个输入框你想连续去选择城市，如果有选中态，反而不对了。（有这个需要，修改源码去实现也不难。）
    回复
    星星的安慰 0
    2018/7/14 17:32:21
    您好！这个输入框为什么放到我的html页面中点击后就不弹出选择城市的了 回复
    只如初见 0
    2018/5/29 11:37:15
    你好，这个可以加回调吗？在哪加？
        Eleven2015评论奖励 1 jQ币
        2018/5/30 12:00:20
        可以在实例化传参时传入callback, 在源码自己需要的位置执行你的callback, 例如blur focus input等任意位置.
        Dave Krinsky0
        2019/1/5 11:30:57
        楼主，牛X，谢谢分享。
    回复
    God666666 0
    2017/12/26 13:13:28
    你好、如何改成自己的城市数据库？修改您这个JS太有难度！搞不定！
        Eleven2015评论奖励 1 jQ币
        2018/5/30 11:58:38
        数据部分需要自己来维护, 行政区划一直在调整, 无法提供一个准确的, 更好的方式是ajax从自己的服务端去取较正确的数据; 关于格式,如果不采用 '城市|全拼|简拼' 的格式, 需要将源码里解析数据的地方全部替换.
    回复
    Eleven2015 0
    2017/9/6 16:13:50
    放在GitHub上了, 有需要的小哥们从这里下吧 ==> https://github.com/Eleven90/city-select.git ( 方便大家免费下载用, 我也只是改了源码, 以满足项目需要; 大家如果有更多需求, 只能自己去修改源码了, 总体来讲, 我读了不少类似的插件代码, 这一份是比较不错的.  )
        Eleven20150
        2017/9/6 16:14:49
        之前为了积累点JQ币, 所以设了2个JQ币下载, 不好意思~
        橱窗人0
        2017/12/19 9:29:59

        请问这个插件比如选中了北京市，我怎么在那个输出input输出不了北京市的值？$("#citySelect").val();

        CSY1630
        2018/5/21 10:13:38
        git网址是错的
        Eleven20150
        2018/5/30 11:54:38
        前些日子整理下github,清空掉了,已重新创建.
    回复
    allblue123 0
    2017/9/6 16:02:45

    自己输入时 的下拉列表有个大BUG 

    回复
    严瑞 0
    2017/7/25 20:40:54

    老哥 为什么将你这个插件放在中间  点击后 页面会跳到头部  找不到哪里冒泡了

        bad girl0
        2017/8/24 16:33:01

        源码能否发一份，没有积分好伤心

    回复
    严瑞 0
    2017/7/25 20:37:31

    老哥 放在页面中间点击     页面会跳到顶部

        God2father0
        2017/8/31 15:20:39
        是不是a标签href=“#”造成的・・（没看代码，猜测）
        Eleven20150
        2017/9/6 16:16:21
        很久没有看这个了, 小哥自力更生~加油~我就不翻出来看了~( 我这边没有遇到这个问题, 可能是其他原因, 你排查试试 )
        闲漫懒宅0
        2018/2/7 16:59:17
        是源码里面a标签的#号造成的原因，替换成javript:;即可
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复