表单 · form-multipled 穿梭多选
input[data-type="multipled"] 双栏穿梭多选:左栏为全部候选(data-value 英文逗号分隔),右栏为已选(value)。
中间双箭头全量移动,双击单项或点行内图标单项移动,值实时写入 value(逗号拼接)。可调用 sync() 方法按 value 重建。
表单家族
索引
base
input
textarea
select
number
search
checkbox
radio
switch
choose
multipled
labels
inpselect
button
label
file
files
upload
video
image
images
imgurls
date
datetime
color
price
sms
sign
listing
json
arrays
infinite
location
latlng
editor
richtext
line
modifier
data
关键属性
| 属性 | 说明 |
|---|---|
data-type | multipled(必填) |
data-value | 全部候选,英文逗号分隔 |
value | 已选值,英文逗号分隔 |
sync() | 方法:按 value 重建双栏 |
穿梭多选
<div class="form-item">
<label class="label label-text pd-none">分配城市</label>
<input type="hidden" data-type="multipled" name="citys" value="上海" data-value="北京,上海,广州,深圳,杭州">
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页