谁知道怎么用ajax实现选择下拉框的时候动态从数据库读取数据吗

先做一个JSP页面，就和你正常情况下根据ID查数据一样，得到ID，根据ID查询出数据。

循环出表格在页面上。

只是这个页面不会通过浏览器直接访问。

而是用ajax的异步去请求这个页面。

在你的当前 *** 作页面上，定义一个div。

在取得responseText后，将responseText的值innerHTML给div。

当触发下拉的onchange事件，就发送一个异步请求，将ID传到服务端。

这样就可以动态改变了，不会刷新页面。

做起来挺简单的，只是我现在没有现成的代码。

<script language="javascript">

$(document).ready(function() {

$.getJSON(

"./manager.htm?actionMethod=onGetTarae",

function(json){

for(i=0i<json.lengthi++){

var tname=json[i].tname

var tid=json[i].id

$("#tarea").append("<option value='"+tid+"'>"+tname+"</option>")

}

})

}

<select id="tarea">

</select>

后台代码返回一个Json格式的字符串，就是把你从数据库中查出来的集合、对象、Map、Page等转成Json。然后就是返回给前台

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

---