html城市列表,移动端城市列表排序(原创)

插件描述：vercitylist.js是适用于移动端的一款城市列表排序js插件。

更新时间：2020-04-05 20:42:03

更新说明：版本更新verCity.js 2.0

一、使用须知：

verjsCity.js是适用于移动端的一款城市列表排序js插件。在原始文件中加入了中国所有的市级城市json数据

二、使用方法

实例select选框

var city = new verCity();

city.render({elem:"#city1",name:"city1"});

document.getElementById("values").onclick = function () {

var value1 = city.get_value("city1",true),

value2 = city.get_value("city1");

alert(

'value1：'+JSON.stringify(value1)+"\n"

+'value2：'+JSON.stringify(value2)+"\n"

);

}

document.getElementById("letter").onclick = function () {

var letter = city.get_letter("city1");

alert(letter.join(","))

}

render方法相关参数说明参数名称参数类型缺省值参数说明

elemstringnull实例化select对象，推荐使用id

dataarray[]数据集合，如为空将会默认使用内部城市数据

hot_cityarray["成都", "北京", "上海", "广州"]热门城市列表

init_citystring成都默认城市，需要在data列表中存在

keystringname显示字段值

bindidstringcodevalue取值参数，当使用form表单时使用

namestringnull表单对应字段

get_value方法

选中的城市参数 city.get_value("city",[true]);

携带参数参数名称说明

selectedselect选择框，在实例化时的elem值

all参数显示的类型

返回参数

如实例化是name值不为空则返回json数据，name值为空则返回选择的值。

get_letter方法

获取城市字母列表

携带参数参数名称说明示例

selectedselect选择框，在实例化时的elem值city.get_value("search");

返回参数

返回字母数组集合

更新时间：2019/4/23 下午2:51:56

更新说明：修复苹果手机等部分机型无法点击定位的问题

vercitylist.js 1.0.0

一、使用须知：

vercitylist.js是适用于移动端的一款城市列表排序js插件。在原始文件中加入了中国所有的市级城市json数据。

二、方法介绍

使用vercitylist.js只需在js中new一个既可以使用，如下面实例：

new verCity({});

三、相关参数说明

1. data-city-hot：热门城市列表。

2. data-city-default：默认城市。

3. callbacks：选择城市后的回调函数。

4. citys：城市数据。

htmlhtml>

城市列表

版权信息

> Copyright  2019 by [搬砖的小白](https://www.xincheng-blog.cn)

> All rights reserved。