# SelectPage

**Repository Path**: TerryZ/selectpage

## Basic Information

- **Project Name**: SelectPage
- **Description**: 基于 jQuery 的下拉列表带输入快速查找及结果分页展示的多功能选择器
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://terryz.gitee.io/
- **GVP Project**: No

## Statistics

- **Stars**: 279
- **Forks**: 50
- **Created**: 2017-06-13
- **Last Updated**: 2025-02-18

## Categories & Tags

**Categories**: jquery-plugins, webui

**Tags**: None

## README

<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等