Easyui的組合框的取值與賦值
近期由于工作需要,用戶點(diǎn)擊下拉框可以試下多選的效果,效果大致如下圖:
實(shí)現(xiàn)的代碼如下:
<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單選
下面總結(jié)下combobox的取值與賦值
2、賦值
(1)單選賦值setValue
$('#Id').combobox('setValue','key')
(2)多選賦值setValues
多選key值是一個(gè)數(shù)組,$('#Id').combobox('setValues','key1,key2,key3'.split(','))
注意:'key1,key2,key3'.split(',')將字符串切分為數(shù)組,因?yàn)閏ombobox的第二個(gè)參數(shù)是數(shù)組
3.取值
(1)單選取值getValue
$('#Id').combobox('getValue')
(2)多選取值getValues
多選key值是一個(gè)數(shù)組,$('#Id').combobox('getValues')
注意:取得的值是一個(gè)數(shù)組,如果想轉(zhuǎn)換為以逗號(hào)分隔的字符串的話例如("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的組合框的取值與賦值,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery EasyUI編輯DataGrid用combobox實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)
- Easyui的combobox實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)級(jí)聯(lián)效果
- Easyui form combobox省市區(qū)三級(jí)聯(lián)動(dòng)
- EasyUI中combobox默認(rèn)值注意事項(xiàng)
- jQuery+easyui中的combobox實(shí)現(xiàn)下拉框特效
- jquery easyui combobox模糊過濾(示例代碼)
- jQuery EasyUI API 中文文檔 - ComboBox組合框
相關(guān)文章
jQuery實(shí)現(xiàn)可拖拽的許愿墻效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)可拖拽的許愿墻效果,可實(shí)現(xiàn)拖拽圖片與層疊顯示功能,涉及jQuery插件的簡(jiǎn)單使用,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09jquery 鼠標(biāo)滑動(dòng)顯示詳情應(yīng)用示例
本文示例要為大家實(shí)現(xiàn)的效果是鼠標(biāo)滑動(dòng),顯示詳情,代碼很簡(jiǎn)潔,很適合學(xué)習(xí)2014-01-01如何使用jquery修改css中帶有!important的樣式屬性
如何使用jquery修改css中帶有!important的樣式屬性?下面小編就為大家?guī)硪黄褂胘query修改css中帶有!important的樣式屬性方法。希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2016-04-04jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動(dòng)切換特效
這篇文章主要介紹了jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動(dòng)切換特效,效果非常的棒,而且兼容性也很好,推薦給小伙伴們2015-04-04用jQuery解決IE不支持的option disable屬性
使用jQuery解決IE不支持的option disable屬性2009-05-05jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法,實(shí)例分析了jQuery根據(jù)錨點(diǎn)定位滾動(dòng)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03jQuery內(nèi)容過濾選擇器與子元素過濾選擇器用法實(shí)例分析
這篇文章主要介紹了jQuery內(nèi)容過濾選擇器與子元素過濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery內(nèi)容過濾選擇器與子元素過濾選擇器相關(guān)功能、原理及使用方法,需要的朋友可以參考下2019-02-02JQuery觸發(fā)radio或checkbox的change事件
在JQuery中,當(dāng)給radio或checkbox添加一個(gè)change事件時(shí),如果它的值發(fā)生變化就會(huì)觸發(fā)change事件;本文將詳細(xì)介紹如何利用JQuery觸發(fā)Checkbox的change事件需要了解的朋友可以參考下2012-12-12jQuery EasyUI中DataGird動(dòng)態(tài)生成列的方法
EasyUI中使用DataGird顯示數(shù)據(jù)列表中,有時(shí)需要根據(jù)需要顯示不同的列,例如,在權(quán)限管理中,不同的用戶登錄后只能查看自己權(quán)限范圍內(nèi)的列表字段,這就需要DataGird動(dòng)態(tài)組合列,下面介紹EasyUI中DataGird動(dòng)態(tài)生成列的方法2016-04-04