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

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

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

List10.asp 页面中的 oRs(0) 改为 oRs(1)

index.asp页面中的 Response.Write("<option value="""&oRs(0)&""">"&oRs(1)&"</option>")

也要改成 oRs(1)

你的下拉框 下拉选中时,返回的 值 是 oRs(0) 就是数据库中的ID 所以显示页面显示的也是ID


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/9581063.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存