当前位置:首页>开发>正文

JAVA实现Ajax三级联动 ajax三级联动

2023-04-29 22:41:54 互联网 未知 开发

 JAVA实现Ajax三级联动 ajax三级联动

JAVA实现Ajax三级联动?

那就给你说下二级联动吧 ,三级道理也是一样的。
根据第一级下拉框,点击事件后,将id传递给服务器,服务器根据该id,经过数据库查询,获得二级下拉框的内容,这里的内容你可以用xml封装,或者是直接写成dom格式:如dom格式
服务端:
PrintWriter writer = response.getWriter()
writer.println("")
writer.close()

客户端:
var selectStr=xmlHttp.responseText//二集菜单的内容
找个元素,将二级菜单项利用innerHTML插入到网页中
document.getElementById("xx").innerHTML=selectStr
不知道这样说你明白不?

实现第三级,只需要在第二个下拉框里触发事件后,将id传递给服务器,在经过处理,将结果给第三级下拉框

ajax三级联动

哈哈,坐了沙发!下面言归正传:
您的s2[i] = new Option(m_id) 出了问题,
应该是:
s2[i]=new Option(text,value),应该有两个参数,而你的只有第一个“text”参数,没有第二个“value”参数。
在new Option(text,value)中,第一个参数是下拉菜单显示的我们能看到的文字(text),第二个参数是我们看不到的值(value)
另外,你的s3[i]存在同样的问题。而且test、callback和innerContent完全可以分别在一个方法中实现,你都写了两个方法(三个方法可以实现的,何必要写六个呢?),麻烦、重用性差、而且不容易维护。

如何用js实现省市区之间的三级联动

页面中获取值并判断的js如下: