上面有4个查询按钮，点击不同的查询按钮时，会在下面出现字段不同的查询表
js控制，或可以用jquery+AJAX控制，
$(function(){
$("#id").click(function(this){
//之前把隐藏了，在这里吧隐藏的class去掉就好了
this.removeClass("...");
});
})
绑定id，通过ajax或者json传递参数，然后后台查询数据，再传回来
那你肯定得分两个框显示吧…
</div>
javascript方法：
function showForm(obj) { if (obj == "score") { document.getElementById("content").innerHTML = "我是我是成绩表！"; } else if(obj == "student") { document.getElementById("content").innerHTML = "我是我是学生表！"; } else { document.getElementById("content").innerHTML = "我是我是班级表！"; } }这只是其中的一种实现方法，还有其他的方式，比如，使用jquery操作，大概思路就是这样的！掌握思想怎么都能实现！
绑定元素 不同的点击操作 显示对应的div层
页面中把四个列表都写出来，然后设置样式hidden隐藏，或者visible = false;
当点击按钮的时候，设置选中的列表显示，其他列表隐藏
页面中把四个列表都写出来，然后设置样式hidden隐藏，或者visible = false;
当点击按钮的时候，设置选中的列表显示，其他列表隐藏