jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动_javascript技巧

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2020年10月7日07:24:43 评论 9 views 550字阅读1分50秒

利用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();

});

},

getuser:function(){
$.post("mailAction_showUsers?did="+mail.init.initdata.did,null,function(data){
var uidoption=$("#uid") ;//获取二级菜单
uidoption.empty();//将列表清空
for(var i=0;i
//向里面填充option,通过循环

uidoption.append("" );

}

});


},

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

)this.userService.getUsersByDid(did);

System.out.println(users.size()+"...");

return SUCCESS;

}

struts.xml的配置:

复制代码 代码如下:





前台的jsp页面:

复制代码 代码如下:

接收人




这个是 实现后运行的截图:

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动_javascript技巧

写给有需要的人。。。参考参考

使用js提交表单form js教程

使用js提交表单form

首先我们先用html创建一个表单 Name: Email: <--一般情况下,这里是使用submit--> 在这个表单中,我们没用使用submit,我们准备使用js来提交这个表单。首先介绍...
js下载以及修改文件名的实例教程 js教程

js下载以及修改文件名的实例教程

这篇文章主要为大家详细介绍了js下载文件并修改文件名的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 用js下载文件,使用<a>标签,添加download属性即可。 var a =...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: