咨询,就免费赠送域名与服务器,咨询热线:18210983909当前位置: 主页 > 建站知识 > 手机网站建设 > HTML5学习页面制作工具 >
内容合作
联系我们
西安SEO网站优化建设公司咨询 建站咨询 西安SEO网站关键词排名优化公司 优化咨询
电话咨询:18210983909
E-mail:15210415824@qq.com
地址: 北京市海淀区尚东数字山谷A区1号楼

web前端:HTML中利用jQuery插件实现城市快速选择

作者/整理:SEO网站优化 点击量:次 来源:互联网 日期: 2017-05-15

在平时的web开发中,有时候会有这样的需求,需要用户输入地址。如果这时候让用户手动输入的话用户体验会较差。今天给大家带来一款jQuery插件,它主要作用是帮助用户快速定位、选择城市。包含了中国各大城市和县区。通过该插件,可以在输入框中通过点击生成包含中国各个城市的下拉列表,进行快速选择、还可以在输入框中键入城市的首字,进行快速定位。

web前端:HTML中利用jQuery插件实现城市快速选择

先看效果

web前端:HTML中利用jQuery插件实现城市快速选择

使用方法也是很简单。主要包含该插件的CSS样式文件和JavaScript文件:

cityselect.js和cityselect.css。

实现方法也是只要进行简单调用就好

web前端:HTML中利用jQuery插件实现城市快速选择

具体的这个插件大家可以在网络上找到源码,如果你找不到,想获取小编的这份源码可以在下面评论区留言,小编会发给你地址。
关键词:
前端开发实用小工具 成都web前端是坑吗 史无前例的 HTML5 资源参考指南
22个HTML5的初级技巧 六种常见的HTML5写法误用 HTML 5的10个顶级资源
HTML5、CSS3应用教程之 跟DIV说Bey!Be HTML5架构(HTML5 Boilerplates ) 必须知道的22个学习html5的技巧(三
必须知道的22个学习html5的技巧(二 必须知道的22个学习html5的技巧(一 HTML5原创中文教程《一步一步学做游
想浏览器支持HTML5吗?一简单JS搞定 HTML5特性检测一:Canvas Text HTML5 API简介一(Canvas,Audio/Video,Geolo
跟KingDZ学HTML5系列:文章索引,未完 跟KingDZ学HTML5之十三:HTML5颜色选择 跟KingDZ学HTML5之十二:Form表单元素
html5 实现动画(三) html5 实现动画(二) html5 实现动画(一)
HTML5特性检测四:本地存储(Local HTML5特性检测三:Video Format(视频格 跟KingDZ学HTML5之十一:表单新元素
跟KingDZ学HTML5之十:新的input类型 跟KingDZ学HTML5之九:新的input类型 跟KingDZ学HTML5之七:Canvas移动、旋转
《精通HTML5编程》第十章:离线应用 跟KingDZ学HTML5之五:Canvas之图像与文 跟KingDZ学HTML5之四:继续探究Canva
跟KingDZ学HTML5之三:画布Canvas 跟KingDZ学HTML5之二:再见Audio和Vid 跟KingDZ学HTML5之一:HTML5入门
《精通HTML5编程》第十一章:尚未广 《精通HTML5编程》第十章:离线应用 《精通HTML5编程》第九章:Web Sotr
《精通HTML5编程》第八章:HTML5 We 《精通HTML5编程》第七:Form API HTML5 API简介一(Canvas,Audio/Video,Geolo
跟KingDZ学HTML5系列:文章索引,未完 跟KingDZ学HTML5之十三:HTML5颜色选择 跟KingDZ学HTML5之十二:Form表单元素
跟KingDZ学HTML5之十一:表单新元素 跟KingDZ学HTML5之十:新的input类型 跟KingDZ学HTML5之九:新的input类型