国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery實現(xiàn)下拉菜單的二級聯(lián)動利用json對象從DB取值顯示聯(lián)動

2024-05-06 16:03:23
字體:
供稿:網(wǎng)友
這篇文章主要介紹了jquery實現(xiàn)下拉菜單的二級聯(lián)動利用json對象從DB取值顯示聯(lián)動,需要的朋友可以參考下

利用struts2和Ajax實現(xiàn)json對象的傳輸,然后實現(xiàn)菜單的二級聯(lián)動

下面是我的 js文件原碼:

復(fù)制代碼 代碼如下:


var mail={
//初始化
init:{
//初始化數(shù)據(jù)
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>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,通過循環(huán)
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("請輸入內(nèi)容!");
return false;
}
else
return true;
});
}
}
}
}

$().ready(function(){
mail.init.initevent.DataEvent();
mail.init.initevent.submitCheck();

});


這是后臺的action:

復(fù)制代碼 代碼如下:


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的配置:

復(fù)制代碼 代碼如下:


<package namespace="http://www.survivalescaperooms.com/" extends="json-default">
<action method="showUsers">
<result type="json"></result>
</action>

</package>


前臺的jsp頁面:

復(fù)制代碼 代碼如下:


<td>接收人</td>
<td> <s:select list="departmentlist" listKey="did" listValue="dname"></s:select>
<s:select list="users" listKey="uid" listValue="username"></s:select>
</td>


這個是 實現(xiàn)后運行的截圖:

jquery實現(xiàn)下拉菜單的二級聯(lián)動利用json對象從DB取值顯示聯(lián)動

 
寫給有需要的人。。。參考參考
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 长泰县| 贵阳市| 宁乡县| 隆安县| 工布江达县| 遂昌县| 厦门市| 佳木斯市| 天气| 都安| 吉安县| 九龙坡区| 沐川县| 南投县| 德格县| 赣州市| 定州市| 开封市| 措勤县| 东安县| 青田县| 沈阳市| 当雄县| 鄂伦春自治旗| 新干县| 四平市| 晋州市| 富平县| 遵义市| 洪雅县| 长宁县| 阿拉善左旗| 万年县| 诸城市| 临城县| 麻栗坡县| 甘泉县| 绥滨县| 太仆寺旗| 仁寿县| 林州市|