中国各大城市和县区快速选择js插件

这是一款非常实用的中国各大城市和县区快速选择js插件。通过该插件,用户可以在输入框中通过点击生成包含中国各个城市的下拉列表,进行快速选择、用户还可以在输入框中键入城市的首字,进行快速定位。

使用方法

在页面中引入cityselect.js和样式文件cityselect.css。

<link rel="stylesheet" type="text/css" href="css/cityselect.css">
<script src="path/to/cityselect.js" type="text/javascript"></script>
                
HTML结构

使用一个<input>输入框,为它添加ID。

<input type="text" class="cityinput" id="citySelect" placeholder="请输入目的地">
                
初始化插件

在页面加载完毕之后,通过下面的方法来初始化该插件。

var test=new Vcity.CitySelector({input:'citySelect'});               
                

得到的效果如下图所示:

城市选择插件截图效果

在线预览    源码下载

爱编程-编程爱好者经验分享平台

加入前端爱好者QQ群(123235875) 点击加群,共同交流进度!

文章评论

  

版权所有 爱编程 © Copyright 2012. w2bc.com. All Rights Reserved.
闽ICP备12017094号-3