-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathform-select.html~
executable file
·130 lines (130 loc) · 8.75 KB
/
form-select.html~
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<div class="bjui-pageContent">
<form action="ajaxDone1.html" id="j_form_form" class="pageForm" data-toggle="validate">
<div style="margin:15px auto 0; width:800px;">
<fieldset>
<legend>下拉选择框</legend>
<table class="table table-condensed table-hover">
<thead>
<tr>
<th width="125"></th>
<th>样例</th>
<th>属性</th>
</tr>
</thead>
<tbody>
<tr>
<td align="right"><label class="label-control">自动宽高：</label></td>
<td>
<select data-toggle="selectpicker">
<option value="">全部</option>
<option value="1">下拉选项1</option>
<option value="2" selected="">下拉选项2</option>
<option value="3">下拉选项3</option>
<option value="4">下拉选项4</option>
</select>
</td>
<td>data-toggle="selectpicker"</td>
</tr>
<tr>
<td align="right"><label class="label-control">固定宽度：</label></td>
<td>
<select data-toggle="selectpicker" data-width="200">
<option value="">全部</option>
<option value="1">下拉选项1</option>
<option value="2" selected="">下拉选项2</option>
<option value="3">下拉选项3</option>
<option value="4">下拉选项4</option>
</select>
</td>
<td>data-toggle="selectpicker" data-width="200"</td>
</tr>
<tr>
<td align="right"><label class="label-control">多选：</label></td>
<td>
<select data-toggle="selectpicker" data-width="200" multiple>
<option value="">全部</option>
<option value="崇明">崇明</option><option value="黄浦">黄浦</option><option value="卢湾">卢湾</option><option value="徐汇">徐汇</option><option value="长宁">长宁</option><option value="静安">静安</option><option value="普陀">普陀</option><option value="闸北">闸北</option><option value="虹口">虹口</option><option value="杨浦">杨浦</option><option value="闵行">闵行</option><option value="宝山">宝山</option><option value="嘉定">嘉定</option><option value="浦东">浦东</option><option value="金山">金山</option><option value="松江">松江</option><option value="青浦">青浦</option><option value="南汇">南汇</option><option value="奉贤">奉贤</option><option value="朱家角">朱家角</option>
</select>
</td>
<td>data-toggle="selectpicker" multiple</td>
</tr>
<tr>
<td align="right"><label class="label-control">联动(二维数组)：</label></td>
<td>
<select name="province" data-toggle="selectpicker" data-nextselect="#j_form_city" data-refurl="ajax/city_{value}.html">
<option value="all">--省市--</option>
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
<select name="city" id="j_form_city" data-toggle="selectpicker" data-nextselect="#j_form_area" data-refurl="ajax/area_{value}.html" data-emptytxt="--城市--">
<option value="all">--城市--</option>
</select>
<select name="area" id="j_form_area" data-toggle="selectpicker" data-emptytxt="--区县--">
<option value="all">--区县--</option>
</select>
</td>
<td>数据格式：二维数组</td>
</tr>
<tr>
<td align="right"><label class="label-control">联动(有初始值)：</label></td>
<td>
<select name="province1" data-toggle="selectpicker" data-nextselect="#j_form_city1" data-refurl="ajax/city_{value}.html">
<option value="all">--省市--</option>
<option value="bj" selected>北京</option>
<option value="sh">上海</option>
</select>
<select name="city1" id="j_form_city1" data-toggle="selectpicker" data-nextselect="#j_form_area1" data-refurl="ajax/area_{value}.html" data-val="bj" data-emptytxt="--城市--">
<option value="all">--城市--</option>
</select>
<select name="area1" id="j_form_area1" data-toggle="selectpicker" data-val="朝阳" data-emptytxt="--区县--">
<option value="all">--区县--</option>
</select>
</td>
<td></td>
</tr>
<tr>
<td align="right"><label class="label-control">联动(标准json)：</label></td>
<td>
<select name="province" data-toggle="selectpicker" data-nextselect="#j_form_city2" data-refurl="ajax/json_city_{value}.html">
<option value="all">--省市--</option>
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
<select name="city" id="j_form_city2" data-toggle="selectpicker" data-nextselect="#j_form_area2" data-refurl="ajax/json_area_{value}.html" data-emptytxt="--城市--">
<option value="all">--城市--</option>
</select>
<select name="area" id="j_form_area2" data-toggle="selectpicker" data-emptytxt="--区县--">
<option value="all">--区县--</option>
</select>
</td>
<td>数据格式：标准json</td>
</tr>
<tr>
<td align="right"><label class="label-control">禁用：</label></td>
<td>
<select data-toggle="selectpicker" data-width="200" disabled>
<option value="">全部</option>
<option value="1">下拉选项1</option>
<option value="2" selected="">下拉选项2</option>
<option value="3">下拉选项3</option>
<option value="4">下拉选项4</option>
</select>
</td>
<td>disabled</td>
</tr>
<tr>
<td colspan="3">
<div class="alert alert-warning form-inline"><i class="fa fa-warning"></i> <strong>更多参数：</strong>详见<a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank">http://silviomoreto.github.io/bootstrap-select/</a>。</div>
</td>
</tr>
</tbody>
</table>
</fieldset>
</div>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
</ul>
</div>