jquery multiSelect多选下拉操作

来源：互联网发布：微软小冰读心术算法编辑：程序博客网时间：2024/05/12 16:18

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

0 0