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

求具体的代码JS什么的...

牧羊人nacy
浏览 2420回答 2
2回答

慕少森

用js先写个带参方法,参数就是2级联动的对象obj写个ajax &nbsp;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 : &nbsp;'diqu='+opt.value,success : function(data1) {//这里面就可以得到你后台获取过来的数据了,你可以做DOM处理}});}</script><SELECT &nbsp; onchange="getData(this)"><OPTION &nbsp;value ="1">湖北</OPTION><OPTION value="2">湖南</OPTION><OPTION &nbsp;value ="3">河北</OPTION><OPTION value="4">河南</OPTION>&nbsp;</SELECT>

杨魅力

用js先写个带参方法,参数就是2级联动的对象obj写个ajax data参数就是obj.value, value传给后台获取数据返回给ajax,然后ajax做你想做的页面处理。。。至于这个value如何获取, 你可以用在select上面加onChange="方法名"代码:<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>
打开App,查看更多内容
随时随地看视频慕课网APP