Jquery multiselect 赋值

今天在做项目中使用到multiselect这个控件,要求在初始化的时候对控件进行赋值,折腾了许久,如下代码可以实现:

<select id="ACCESS_TYPE_GLOBAL" name="ACCESS_TYPE_GLOBAL" style="width:0px" options="minWidth:100" multiple="multiple">
<option value="0">其他</option>
<option value="1">常规模式</option>
<option value="5">战略合作</option>
<option value="6">战略合作</option>
<option value="8">延伸合作</option>
<option value="9">延伸合作</option>
<option value="10">延伸合作</option>
<option value="16">房产合作</option>
</select>
<script type="text/javascript">
	$(document).ready(function(){
		$("#ACCESS_TYPE_GLOBAL").multiselect();
			$(‘#globalConfig_save‘).linkbutton({
				onClick:function(){
					var data = ‘0,1,5‘;
					data = ‘,‘ + data + ‘,‘;
					$(‘#ACCESS_TYPE_GLOBAL option‘).each(function(){
						if(data.indexOf(‘,‘ + this.value + ‘,‘)!==-1){
							this.selected = true;
						}
				});
				$("#ACCESS_TYPE_GLOBAL").multiselect(‘refresh‘);
			}
		});
	});
</script>

  

  

时间: 2024-11-05 11:57:26

Jquery multiselect 赋值的相关文章

select,radio 表单回显避免使用jquery载入赋值

select,radio 表单回显避免使用jquery载入赋值 注意事项: 复制代码代码如下: <html> <body> <form method="post" action=""> <!-- 如果表单中使用重置功能时,不推荐使用如下代码 --> <input type="radio" name="visible" value="1" />显示&

jquery中下拉多选插件jquery.multiSelect的使用

使用multiSelect需要导入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js还有几个图片. 案例 html代码: <td>部门:       <select id="departmentId" name="roleIds" style="width:180px" multiple="multiple">     

jquery.multiSelect下拉框多选

使用multiSelect需要导入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js还有一些图片,详见附件. 案例 jsp代码: <td>部门:         <select id="departmentId" name="roleIds" style="width:180px" multiple="multiple">

JQuery multiselect的相关使用

这两天做项目需要用到多选控件,于是选择了JQuery  multiselect控件,介绍一下常用的一些相关属性. 详细地址:http://davidstutz.github.io/bootstrap-multiselect 添加引用: 页面: <div class="mui-input-row"> <span class="mui-icon mui-icon-contact mui-pull-right"></span> <

关于jquery multiselect用法

一.jquery multiselect的作用 我们通过select标签做一个对比.select标签我相信大家应该都用过,我们做查询的时候经常会用到select做为条件进行查询,但是select有一个弊端,那就是你只能选择其中的一个条件进行筛选查询,select需要一下子选中多个条件查询,那实现起来就比较麻烦了.那么jquery multiselect就是为这个而进行处理的.这是效果图 选择之后 内容过多是这种效果 二.用法 引用js文件和css文件 jquery-ui.min.js, jque

jquery multi-select 实例demo

运行效果: 其他的不多说了,都是用的jquery.multiSelect.js组件实现的,直接看代码吧 代码下载地址: http://download.csdn.net/detail/ajavabird/9906228

HTML通过jQuery传值赋值

网页传值很常见,如果通过动态网页传值,我们很容易实现.但是如果静态网页传值,这个就要找资料,方法或者询问大牛们了.这个原来还真的没有做过.今天一同事需要做这个类似的功能,应该是昨天了.本来是昨天写的,但是下班了,没有完成.回家了,今天特意来把这个记录完成吧.也是新年第一篇,很有意义哦.开始吧. 需要做的是A.html页面传值过去,B.html页面接收并在页面显示出来.很简单的,做了之后其实也是很简单的.只是没有做过,就认为很难了.来几个图片吧,我们才能知道真正需要做什么. <!DOCTYPE h

JQuery MultiSelect(左右选择框)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

multiselect多选下拉框

具体实现 <input type="hidden" id="q_dueDay" name="q_dueDay" value="${baseQueryBean.q_dueDay}">//这个为隐藏域后台直接使用这个为参数 <select id="example" name="example" multiple="multiple" style=&quo