jquery multiSelect多选下拉操作


jsp页面:

	<script src="../js/jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
    <script src="../js/jquery.bgiframe.min.js" type="text/javascript"></script>
    <script src="../js/jquery.multiSelect.js" type="text/javascript"></script>
    <link href="../css/jquery.multiSelect.css" rel="stylesheet" type="text/css" />


 	<tr>
	     <td  class="td_01">用户角色名称
		  </td>
		  <td colspan="3">
		  <input type="hidden" name="user.userRoleName" id="updateTexts"/>
		  <input type="hidden" name="user.userRoleIds" id="updateVals"/>
		  <select id="updateRole" name="updateRole" multiple="multiple" style="width:80%;" >
        </select>
	     </td>
	  </tr>

js:

//点击修改之后操作
function alterinfo(userCode){
	$("#updateUserCode").val(userCode);
	 $.ajax( {
         url : "userManage!searchUserDetail.action",
         type : "post",
         dataType : "json",
         data:{"user.userCode":userCode},
         cache : false,
         success : function(data) {
        	var userInfo = eval("(" + data.userJson + ")");
        	var roleData= eval('(' + data.roleJson + ')');
          	var roleIds=userInfo.userRoleIds.split(",");
      
			var updateRole=$("#updateRole");
			 for(var k=0;k<roleData.length;k++){
				 var option="<option value="+roleData[k].roleId+">"+roleData[k].roleName+"</option>";
				 updateRole.append(option);
			 }

			 for(var i=0;i<roleIds.length;i++){
				$("#updateRole option[value=" + roleIds[i] + "]").attr("selected","selected");
			}

			$("#updateRole").multiSelect({ selectAll:false,oneOrMoreSelected: '*',noneSelected:'===请选择角色==='}, function(e,display, values) {
				$("#updateTexts").val(display);
				$("#updateVals").val(values);
			});
         }
	 });
	 //打开修改页面
	$( "#updateUserDialog" ).dialog( "open" );
}

struts.xml:

	<result name="userJson" type="json">
			 <param name="includeProperties">
                    roleJson.*,userJson.*
                </param> 
            </result>

action:

	public String searchUserDetail() {
		user = userService.searchUserByCode(user.getUserCode());
		JSONObject jso = JSONObject.fromObject(user);
		userJson = jso.toString();
		roleList = roleService.findRoleIdAndName();
		JSONArray jay = JSONArray.fromObject(roleList);
		roleJson = jay.toString();
		return "userJson";

	}


jquery.multiSelect源代码及demo

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值