Easyui的组合框的取值与赋值

2024-04-25 09:06:19

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

实现的代码如下：

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

jquery easyui combobox模糊过滤(示例代码)

修改jquery easyui combobox模糊过滤复制代码代码如下: filter:function(q,row){ var opts=$(this).combobox("options"); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 },formatter:function(row){ var opts=$
jQuery EasyUI API 中文文档 - ComboBox组合框

扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option>
jQuery+easyui中的combobox实现下拉框特效

1.第一种写法:Input框中显示: 复制代码代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 2. 第二种用法,在list
Easyui form combobox省市区三级联动

使用方法 $(function () { //省市区三级联动 $.citySelect({ $province: $('#province'), $city: $('#city'), $County: $('#county') }); $('#ff').form('load', { 'province': '广东省', 'city': '深圳市', 'county': '罗湖区' }); }); <form id="ff" method="post">
EasyUI中combobox默认值注意事项

在修改数据时,需要先加载数据. 在加载combobox数据的时候,从后台传来的应该int类型的数据. html代码复制代码代码如下: <tr> <td style="text-align: right;">院系:</td> <input type="hidden" id="belongsvalue" value="${fbook.belongs}" />
Easyui的combobox实现动态数据级联效果

实现从数据库中动态获取对应的List集合,并在Easyui的combobox中显示出来. 实现的效果如下: 1.数据库的表设计如图所示 2.数据库中填写相关的数据,如图所示.如图所示[法律法规]是所属栏目,因此他的字段parentid是0.[中国公民出国].[内地居民往来港澳]是属于法律法规的类别.因此他们的字段parentid是对应1,[法律法规]的字段categoryid是1. 3.相关的配置:已经在前面的博客中写了http://www.jb51.net/article/86381.htm
jQuery EasyUI编辑DataGrid用combobox实现多级联动

我在项目中设计课程表的时候需要用到老师和分类之间的多级联动. 首先是一张效果图: 下面是实现的代码: <body> <script type="text/javascript"> $(function(){ var editing ; //判断用户是否处于编辑状态 var flag ; //判断新增和修改方法 $('#set_schedule').datagrid({ idField:'id' , fitColumns: false , url:'schedul
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"
js中复选框的取值及赋值示例详解

1.复选框的取值:(js部分) var checkboxdata = $("input[name=payoperator]:checked").map(function() { return $(this).val(); }).get().join(","); <div class="form-group"> <label class="col-lg-2 col-md-2 col-sm-12 control-label
jQuery对表单元素的取值和赋值操作代码

$("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").va
jQuery对html元素取值与赋值的方法

Jquery给基本控件的取值.赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 TEXTBOX: 复制代码代码如下: var st
jQuery对html元素的取值与赋值实例详解

本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value&qu
ASP.NET服务器端控件RadioButtonList，DropDownList，CheckBoxList的取值、赋值用法

这三个控件都有一个Items集合,可以用 RepeatLayout 和 RepeatDirection 属性来控制列表的呈现形式.如果 RepeatLayout 的值为 Table,那么将在表中呈现列表.如果设置成 Flow,那么将在没有任何表结构的情况下呈现列表.默认情况下,RepeatDirection 的值为 Vertical.将此属性设置成 Horizontal 将会使列表水平呈现. RadioButtonList:控件提供已选中一个选项的单项选择列表(数据源单选).与其他列表控件相似,
解决使用mybatis取值,字段赋值错误的问题

目录使用mybatis取值,字段赋值错误 mybatis映射赋值失败错误输出错误造成原因解决方法使用mybatis取值,字段赋值错误我在读取数据库的表信息时,出现了不同字段取值对应不上的情况,有些字段的赋值是错位置的, <select id="selectByPrimaryKey" parameterType="java.lang.Integer" resultMap="BaseResultMap"> BaseResult
jQuery 取值、赋值的基本方法整理

/*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获取一组名为(items)的radio被选中项的值*/ var item =
Jquery给基本控件的取值、赋值示例

TEXTBOX: var str =$("#txt").val(); $("#txt").val(Value); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');//填充内容 LABLE: var str =$("#lbl").text(); $(
javascript fckeditor编辑器取值与赋值实现代码

获取编辑器中HTML内容复制代码代码如下: function getEditorHTMLContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); return(oEditor.GetXHTML(true)); } 获取编辑器中文字内容复制代码代码如下: function getEditorTextContents(EditorName) { var oEditor = FCKeditorAPI.G

Easyui的组合框的取值与赋值

相关推荐

随机推荐