English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
В последнее время, в связи с потребностями работы, пользователи могут попробовать эффект многозадачного выбора, эффект примерно как на следующем рисунке:
Реализованный код приведен ниже:
<select id="iweekDay" class="col-sm-4 form-control easyui-combobox " name="state" data-options="multiple:true,multiline:true" style="width:350px;height:35px" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select>
最主要的是:multiple:true表示下拉框可以多选,如果单选:multiple:false单选
下面总结下combobox的取值与赋值
2、赋值
(1)单选赋值setValue
$('#Id').combobox('setValue','key')
(2)多选赋值setValues
多选key值是一个数组,$('#Id').combobox('setValues','key1,key2,key3'.split(','))
注意:'key1,key2,key3'.split(',')将字符串切分为数组,因为combobox的第二个参数是数组
3.取值
(1)单选取值getValue
$('#Id').combobox('getValue')
(2)多选取值getValues
多选key值是一个数组,$('#Id').combobox('getValues')
注意:取得的值是一个数组,如果想转换为以逗号分隔的字符串的话例如("1,2,3"),使用join方法,代码如下:
var str=$('#Id').combobox('getValues').join(',');
PS:下面看下easyui selectbox 赋值 取值的完整代码
赋值 取值
// Redefine the banner var storeName_value = '@ViewBag.StoreName'; var department_value = '@ViewBag.Department'; var changeDate_value = '@ViewBag.ChangeDate'; $('#StoreName option:selected').text(storeName_value); $('#Department option:selected').text(department_value); //$('#StoreName').combobox('setValue', storeName_value); //$('#Department').combobox('setValue', department_value); // bind searchBtn $('#this_submit').bind('click', function () { // var st = $('#StoreName option:selected').text().trim(); // var dep = $('#Department option:selected').text().trim(); var st = $('#StoreName').combobox('getValue'); var dep = $('#Department').combobox('getValue'); var changeDate = $('#datepicker').val(); var href = '../'; href += '&storeName=' + st + '&department=' + dep + '&changeDate=' + changeDate; href += '&page=1&size=8'; window.location.href = href; });
Как уже было сказано, я介绍了Easyui combo box value get и assignment, надеюсь, это поможет вам. Если у вас есть какие-либо вопросы, пожалуйста, оставляйте комментарии, я постараюсь ответить вам как можно скорее. Вновь благодарю всех за поддержку呐喊 учебника сайта!