下拉框二级联动

实现二级下拉框的联动效果
一级目录需要加上onchange时间，影响二级目录的状态
把一级目录的主键传到后台 根据一级目录的主键查询二级目录的id和name
*没次都要清空二级目录。话不多说，上代码。
function lay(nid){
$("#l").empty();
$.ajax({
url:“ajaxSlectlayout.do”,
type:“post”,
datatype:“json”,
data:“nid=”+nid,
success:function(data){
$(data).each(function(){
$("#l").append(""+this.layoutName+"");
})

		}	 
 }) 

}
function news() {
$("#news").empty();
$("#news").append(“请选择:”)
$.ajax({
url:“ajaxSelect.do”,
type:“post”,
datatype:“json”,
success:function(data){
$(data).each(function(){
$("#news").append(""+this.newsPname+"");
})

			}	 
	 }) 

}
这是我在项目中遇到的一个需要实现联动效果的jsp。

这是方法ajax方法的触发。

@RequestMapping("/ajaxSelect.do")
public @ResponseBody List newsprint(){
return nes.selectaddlayout();
}
@RequestMapping("/ajaxSlectlayout.do")
public @ResponseBody List layout(Integer nid){
return lay.selectaddarticle(nid);
}
上面是后端的两个查询方法 为下拉列表框赋值。

 初次写博客，有很多的不足，但是我还是希望能够对学习语言的朋友起到一点点的帮助。