具體文檔和demo可以訪問github:https://github.com/zhoushengmufc/iosselect
移動端瀏覽器對於select的展示樣式是不一致的，ios下是類似原生的picker，安卓下各瀏覽器展示各異，我們需要一個picker組件來統一各端下各種瀏覽器的展示。
iosselect是在webapp下的一個picker組件，可以輕松實現各類選擇器效果。比如地區選擇 時間選擇 日期選擇等。
下面是一個地址選擇器demo截圖，可以訪問：http://zhoushengfe.com/iosselect/demo/three/area.html
可以查看demo:
iosselect接口豐富，適用於多類場景
可以定制依賴關系，規定各層級之間是否有關聯。
可以定制選擇層級，支持1-5層選擇。
可以定制各項高度，可以規定展示項數，默認展示7項。
移動端rem應用普遍，無論你是px還是rem，使用iosselect都完全不是問題。
可以提供靜態數據，也可以使用方法獲取數據，支持同步方法和異步方法。
iosselect基於iscroll5開發，除此外無任何依賴，所以無論你是react還是angular還是vue還是zepto jquey都不是問題。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
new
IosSelect(level, data, options)
level: 級聯等級，支持1,2,3,4,5 必選項
data: [oneLevelArray[, twoLevelArray[, threeLevelArray, [fourLevelArray, [fiveLevelArray]]]]] 除了用數組，也可以用方法
options:
container: 組件的父元素，傳入css3選擇器，比如
'.a'
或
'#a'
之類的
callback: 選擇完畢后的回調函數 必選
title: 選擇框title 可選，沒有此參數則不顯示title
itemHeight: 每一項的高度，可選，默認 35
headerHeight: 組件標題欄高度 可選，默認 44
cssUnit: css單位，目前支持px和rem，默認為px
addClassName: 組件額外類名 可選，用於自定義樣式
relation: [1, 1, 0, 0]: [第一二級是否關聯，第二三級是否關聯，第三四級是否關聯，第四五級是否關聯] ，默認不關聯，即默認是[0, 0, 0, 0]
oneLevelId: 第一級選中id 可選
twoLevelId: 第二級選中id 可選
threeLevelId: 第三級選中id 可選
fourLevelId: 第四級選中id 可選
fiveLevelId: 第五級選中id 可選
showLoading: 如果你的數據是異步加載的，可以使用該參數設置為
true
，下拉菜單會有加載中的效果
itemShowCount: 組件展示選項數目 可以為3,5,7,9 默認為7
|
API豐富：
原生JS實現適用於所有框架：
具體文檔和demo可以訪問github:https://github.com/zhoushengmufc/iosselect