easyui-combobox 中多选的默认值设置、获取多选值及JS包含字符串、删除字符串

1、项目中使用到combobox的多选值及相关操作,不多说,直接上代码:

<input id="education" name="education" class="easyui-combobox"
	data-options="method:‘get‘,valueField:‘id‘,textField:‘name‘,multiple:true,panelHeight:‘auto‘,required:true,
	url:‘${ctx}‘,editable:false,
	value:‘aa‘,
	loadFilter:function(data){
	if(null==data) return [];
	var dd = [];
	dd.push({id:‘aa‘,name:‘不限‘});
	for(var i=0; i<data.length; i++){
		dd.push(data[i]);
	}
	return dd;
}"/>

  multiple:true ----设置combobox多选

value:‘aa‘,
dd.push({id:‘aa‘,name:‘不限‘});------组合确定默认值

2、combobox获取多选值及JS拆分字符串

var education = $("#education").combobox(‘getValues‘);//获取多选值

  注意:combobox获取的多选值为数组。21、22、23

//判断是否包含aa
function contains(arr) {
	var i = arr.length-1;
	// 从数组中判断str是否存在
	while (i--) {
		if (arr[i] === ‘aa‘) {
			return true;
		}
	}
	return false;
}
//移除包含的字符串
function removeStr(arr) {
	var arrNew = new Array();
	//从数组中删除指定str
	for(var i = 0; i < arr.length; i++){
		if(‘aa‘ != arr[i]) {
			arrNew.push(arr[i]);
		}
	}
	return arrNew.toString();
}

  可以更灵活的设置传入不同的字符串进行判断和移除,此处为样例。

				
时间: 2024-12-20 16:44:00

easyui-combobox 中多选的默认值设置、获取多选值及JS包含字符串、删除字符串的相关文章

EasyUI Combobox组合框(模糊搜索、默认值绑定)

EasyUI Combobox组合框是个比较好用的前端组件,例如它支持本地搜索和远程搜索,这样就可以免去自己写模糊查询.基本使用方式如下: <input id="cc" name="dept" value="aa"> $('#cc').combobox({ url:'JsonData.ashx', valueField:'id', //表单值 textField:'text', //表单文本 mode:'local', //本地搜索

html/css/js-如何利用jq来更改属性的值和获取属性的值

jquery的使用在web开发中是非常广泛的,虽然说比较容易,易学,但在开发过程中,也总是会碰到各种各样的小问题. 我曾经就遇到这种问题,jq如何获取属性值和更改属性值的. 众所周知,attr()可以更改属性值和获取属性值. 例如 alert($("#one").attr("name")); 这样可以获得id为one的控件的name属性的值,但是 alert($("#one").attr("width"));         

EasyUI combobox 与 numberbox 属性不可编辑与设置值的使用

今天工作中EasyUI 页面用到的知识点,总结一下: 如下图: 需求: 设置考核价为不可编辑状态,包括考核价的交易币种符号合考核价的金额 考核价的币种和金额从合同价和考核费率数据中获取 考核价的币种同合同价币种一样,考核价金额=合同价金额*考核费率 通过设置disabled属性为true设置考核价币种下拉列表 和  考核价金额文本框 为不可编辑状态 设置考核价币种下拉列表不可编辑: <select id="asseCurrencyID" name="asseCurren

easyui combobox中textField字段的拼接

要得到如下图的效果: 省市区的拼接 1.数据库中的数据如图: 2.combobox <td>选择区域</td> <td> <input type="text" class="easyui-combobox" id="areaType" name="area.id" editable="false" data-options="required:true,v

easyui combobox 中实现 checkbox

$('#cc').combobox({ url:'combobox_data1.json', method:'get', valueField:'id', textField:'text', panelHeight:'auto', multiple:true, formatter: function (row) { var opts = $(this).combobox('options'); return '<input type="checkbox" class="

JSP 中 HTML 下拉列表,默认显示已经选中过的值

<td style="width: 300px">状态查询 <select name="status"> <option value="a" <c:if test="${status == 'a'}">selected</c:if>>请选择</option> <option value ="b"<c:if test=&quo

根据值设置select的选中项

$('.selector').attr("checked", true); <s:iterator value="jobSelect" id="jobLink2"> <s:iterator value="jobLink2" id="job2"> var arr = $('.selector'); var a = ${job2.id}; $('.selector').each(func

通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题

我在通过 html()获取对应节点的内容,发现一个问题,获取到的 form表单组件的内容值是初始加载的值,而不是经过用户修改后的值.例如页面加载时组件<input type="text" value="111111"/>,用户更改表单的值为 222222,通过父节点的html()方法获取这个组件,预期应该是<input type="text" value="222222"/>,可结果却是初始时的样子&l

通过jQuery中的选择器获取radio的值

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name=&

jquery 获取用户选定值的方法

//启动删除程序 $("#deleteDetail").click(function () { //获取已选项的id集 if(confirm("确定要删除所选记录吗?")==true) { //获取所选记录id var idset=""; //用于记录复选框选定值的字符串变量 $("[name='did']:checked").each(function(){ // 根据name属性以及checked状态来获取被用户选定的项,