這篇文章主要介紹了jquery實現下拉菜單的二級聯動利用json對象從DB取值顯示聯動,需要的朋友可以參考下
利用struts2和Ajax實現json對象的傳輸，然後實現菜單的二級聯動 下面是我的 js文件原碼： 代碼如下: var mail={ //初始化 init:{ //初始化數據 initdata:{ did:'', ttitle:'', sendpassword:'', description:'' }, //初始化事件 initevent:{ DataEvent:function(){ $("#did").unbind("change");//獲取一級菜單，綁定事件 $("#did").bind("change",function(){ //alert($(this).val()); mail.init.initdata.did=$(this).val(); //alert(mail.init.initdata.did); mail.init.initevent.getuser(); }); }, <span style="color:#ff0000;">getuser:function(){ $.post("mailAction_showUsers?did="+mail.init.initdata.did,null,function(data){ var uidoption=$("#uid") ;//獲取二級菜單 uidoption.empty();//將列表清空 for(var i=0;i<data.users.length;i++){ //向裡面填充option，通過循環 uidoption.append("<option value="+data.users[i].uid+ " >"+data.users[i].username+"</option>" ); } });</span> }, submitCheck:function(){ $("#send").unbind("click"); $("#send").bind("click",function(){ mail.init.initdata.description=$("input[type='textarea']").text(); mail.init.initdata.sendpassword=$("input[name='sendpassword']").val(); mail.init.initdata.ttitle=$("input[name='ttitle']").val(); if(mail.init.initdata.sendpassword==""){ alert("請輸入密碼!"); return false; } else if(mail.init.initdata.ttitle==""){ alert("請輸入主題！"); return false ; } else if(mail.init.initdata.description==""){ alert("請輸入內容！"); return false; } else return true; }); } } } } $().ready(function(){ mail.init.initevent.DataEvent(); mail.init.initevent.submitCheck(); }); 這是後台的action: 代碼如下: private int did; public String getDid(){ ... } public void setDid(Strign did){ ... } public String showUsers(){ users=(ArrayList<User>)this.userService.getUsersByDid(did); System.out.println(users.size()+"..."); return SUCCESS; } struts.xml的配置： 代碼如下: <package name="users" namespace="/" extends="json-default"> <action name="mailAction_showUsers" method="showUsers" class="mailAction"> <result type="json"></result> </action> </package> 前台的jsp頁面： 代碼如下: <td width="65px">接收人</td> <td> <s:select list="departmentlist" listKey="did" listValue="dname" id="did" name="did"></s:select> <s:select list="users" listKey="uid" listValue="username" id="uid" name="uid"></s:select> </td>