用SSM框架 HTML页面 ajax 怎么写一个从数据库获取数据的 二级联动的下拉菜单

用js先写个带参方法，参数就是2级联动的对象obj

写个ajax  data参数就是obj.value， value传给后台获取数据返回给ajax，

然后ajax做你想做的页面处理。。。

<script language="javascript">

function getData(obj) {

var opt = obj.options[obj.selectedIndex]

//alert("The option you select is:"+opt.text+"("+opt.value+")")

$.ajax({

url : "你的url",

type : "Post",

data :  'diqu='+opt.value,

success : function(data1) {

//这里面就可以得到你后台获取过来的数据了，你可以做DOM处理

}

})

}

</script>

<SELECT   onchange="getData(this)">

<OPTION  value ="1">湖北</OPTION>

<OPTION value="2">湖南</OPTION>

<OPTION  value ="3">河北</OPTION>

<OPTION value="4">河南</OPTION>

</SELECT>

首先, 得有两个 ul 标签, 第一个ul默认把所有的学院都显示出来, 当点击其中一个学院时, 触发ajax动作, 把点击的这个学院的id通过ajax发送到后台, 后台根据这个id取出所有专业的数据, 返回给前端. 最后前端把这些数据放到第二个ul里面. 这样就是实时联动的数据了