WeUI 实现联动选择器的实例，不使用其它插件。
WeUI 实现联动选择器的实例
不使用其它插件，纯官方WeUI。
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html lang="zh-cmn-Hans">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">6
<title>WeUI 实现联动选择器的实例</title>7
<link rel="stylesheet" href="https://libs.cdnjs.net/weui/2.3.0/style/weui.min.css"/>8
</head>9
<body ontouchstart><br/><br/>10
<a href="javascript:" class="weui-btn weui-btn_default" id="NowJavaPicker">联动选择器</a>11
12
<script src="https://libs.cdnjs.net/zepto/1.2.0/zepto.min.js"></script>13
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>14
<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>15
<script type="text/javascript">16
$('#NowJavaPicker').on('click', function () {17
weui.picker([18
{19
label: '一年级',20
value: 0,21
children: [22
{23
label: '王小二',24
value: 125
},26
{27
label: '张三',28
value: 229
}30
]31
},32
{33
label: '二年级',34
value: 1,35
children: [36
{37
label: '李小四',38
value: 1,39
disabled: true // 不可用40
},41
{42
label: '王五',43
value: 244
},45
{46
label: '杨六',47
value: 348
}49
]50
},51
{52
label: '三年级',53
value: 3,54
children: [55
{56
label: '李子',57
value: 158
},59
{60
label: '孔雀',61
value: 262
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java