用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>

分别使用javascript原生的方法和jquery方法

<select id="test" name="">

<option value="1">text1</option>

<option value="2">text2</option>

</select>

code:

一：javascript原生的方法

1:拿到select对象： var myselect=document.getElementById("test")

2：拿到选中项的索引：var index=myselect.selectedIndex // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselect.options[index].value

4:拿到选中项options的text： myselect.options[index].text

二：jquery方法（前提是已经加载了jquery库）

1:var options=$("#test option:selected") //获取选中的项

2:alert(options.val()) //拿到选中项的值

3:alert(options.text()) //拿到选中项的文本

---