Easyui的组合框的取值与赋值


Posted in Javascript onOctober 28, 2016

近期由于工作需要,用户点击下拉框可以试下多选的效果,效果大致如下图:

Easyui的组合框的取值与赋值

实现的代码如下:

<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的组合框的取值与赋值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
javascript cookie解码函数(兼容ff)
Mar 17 Javascript
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
vue中watch和computed的区别与使用方法
Aug 23 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 #Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 #Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 #Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 #Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
Oct 28 #Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
Oct 28 #Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 #Javascript
You might like
php生成圆角图片的方法
2015/04/07 PHP
PHP操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
Yii全局函数用法示例
2017/01/22 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
2009/05/21 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
怎么清空javascript数组
2013/05/11 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
[01:10]DOTA2 Supermajor:英雄,由我们见证
2018/05/14 DOTA
Python开发编码规范
2006/09/08 Python
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
Python实现的堆排序算法示例
2018/04/29 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
CSMA/CD介质访问控制协议
2015/11/17 面试题
美国留学经济担保书
2014/05/20 职场文书
初中生毕业评语
2014/12/29 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
酒桌上的开场白
2015/06/01 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
关于maven依赖 ${xxx.version}报错问题
2022/01/18 Java/Android