<a href="https://terryz.gitee.io/selectpage/" target="_blank">
<img src="https://terryz.gitee.io/image/logo/SelectPage.png" alt="SelectPage" align="right" valign="top" >
</a>
# SelectPage
简洁而强大的下拉分页选择器;支持远程数据(AJAX)、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件
<p>
<a href="https://travis-ci.org/TerryZ/SelectPage"><img src="https://travis-ci.org/TerryZ/SelectPage.svg?branch=master"></a>
<a href="https://www.npmjs.com/package/selectpage"><img src="https://img.shields.io/npm/v/selectpage.svg"></a>
<a href="https://app.fossa.io/projects/git%2Bgithub.com%2FTerryZ%2FSelectPage?ref=badge_shield"><img src="https://app.fossa.io/api/projects/git%2Bgithub.com%2FTerryZ%2FSelectPage.svg?type=shield"></a>
<a href="https://www.npmjs.com/package/selectpage"><img src="https://img.shields.io/npm/dy/selectpage.svg"></a>
<a href="https://mit-license.org/"><img src="https://img.shields.io/badge/license-MIT-brightgreen.svg"></a>
<a href="https://www.npmjs.com/package/selectpage"><img src="https://img.shields.io/badge/language-javascript%20%2F%20jquery-blue.svg"></a>
</p>
<br><br>
## 入门指南、DEMO、文档
*插件官方首页(入门指南、DEMO、文档):*
- [English site](https://terryz.github.io/selectpage)
- [中文官网](https://terryz.gitee.io/selectpage)
*项目GitHub地址:*
[https://github.com/TerryZ/SelectPage](https://github.com/TerryZ/SelectPage)
**如果您觉得项目还不错,还请给项目(github/码云)加个Star**
<br><br>
## 插件效果预览
*多选Tags模式*
![SelectPage1](https://terryz.gitee.io/image/SelectPage1.png "SelectPage")
*单选模式*
![SelectPage](https://terryz.gitee.io/image/SelectPage.png "SelectPage")
<br><br>
## 功能特点
* 基于jQuery、Bootstrap2、3开发
* 也可应用于无任何UI框架的原生HTML环境
* Autocomplete输入自动查找功能
* 结果列表分页展示
* 允许使用静态json数据源或ajax动态请求的数据源
* 使用键盘快速操作基本功能及分页功能
* 多项选择以标签(Tag)形式展现
* 结果列表自动判断屏幕边缘,避免内容超出可视范围
* 丰富的参数设置及功能API调用
* 浏览器兼容:IE8+、Chrome、Firefox等