分頁下拉框選擇

簡潔而強大的下拉分頁選擇器；支持遠程數據（AJAX）、 autocomplete、鍵盤快速導航操作、分頁展示、多選標簽、i18n國際化支持等多功能的選擇器插件

 

入門指南、實例、文檔

 

插件效果

 

多選模式效果圖：

 

 

默認單選模式效果圖：

 

純下拉選擇（不分頁）模式：

 

什么是SelectPage

 

功能特點

 

• 基於jQuery

• 兼容Bootstrap2、3樣式，以及非Bootstrap環境支持

• 也可應用於無任何UI框架的原生HTML環境

• 輸入框輸入關鍵字快速查找（autocomplete）

• 結果列表分頁展示

• 使用鍵盤快速操作基本功能及分頁功能

• 允許使用靜態json數據源或ajax動態請求的數據源

• 多項選擇以標簽（Tag）形式展現

• 結果列表自動判斷屏幕邊緣，避免內容超出可視范圍

• 豐富的參數設置及功能API調用

• 支持i18n國際化多語言支持，自帶（中文、英文、德文、日文、西班牙文、巴西葡萄牙文）

 

瀏覽器兼容：IE8+、Chrome、Firefox、Safari等主流瀏覽器

 

插件基於jQuery開發，可在Bootstrap2、3環境下使用，亦可在原生無UI框架的環境下直接使用

 

怎么使用SelectPage

 

在 Github 或 碼雲 上下載最新的版本，解壓后並放入需要使用的項目中

 

或使用 npm 指令

 

 

引用文件

 

 

HTML頁面元素設置

 

 

腳本初始化插件

 

轉載自開源中國公眾號。