这是一款非常实用的中国各大城市和县区快速选择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'});
得到的效果如下图所示: