为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

SSM
牧羊人nacy 2018-10-01 12:12:49
求具体的代码JS什么的...
查看完整描述

2 回答

?
慕少森

TA贡献2019条经验 获得超9个赞

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


查看完整回答
反对 回复 2018-10-09
?
杨魅力

TA贡献1811条经验 获得超5个赞

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

查看完整回答
反对 回复 2018-10-09
  • 2 回答
  • 0 关注
  • 2419 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信