JSP 实现两个select下拉框的数据联动，要求根据第一个下拉式选择的内容联动第二个下拉式。需要从数据库中

Posted 2023-04-04

取数据

采用什么方式实现呢？
是页面跳转还是使用Ajax啊
说一下思路吧
页面跳转：
首先进入页面的时候，第一个select的内容是从数据库查询出来的，这个很简单就能实现。
然后在这个select控件上加上onchange事件，onchange事件中获取当选select选中的value
提交到后台，首先将页面中的内容存起来，比如刚才的那个内容使用setAttribute，存起来，
然后在获取一次第一个select控件的信息，然后根据页面被选中的那个value，查询出第二个下拉框内容，然后就可以跳转页面了，跳转到刚才那个页面上，
之后1，将刚才setAttribute的值，设置到第一个select中，然后将刚刚查询的第二个下拉框的值，设置到第二个select框中。可以使用标签的形式等。许多办法都能实现
采用iframe形式，
过程类似，只不过，这次不用setAttribute了，而采用js来将第二个下拉框设置上值就可以了
Ajax：
这种形式最简单了，onchange事件直接提交后台，然后获取第一个的value，关联查询出第二个下拉框的内容，然后返回前台的时候，通过js来修改第二个select

希望对你能有帮助追问

jsp页面中怎么实现

追答

采用标签的形式，或者使用js的innerhtml的形式

追问

可以给个实例嘛、
因为做做设计要用到这个的地方很多
帮帮忙吧

追答

你使用的是什么技术
ssh 还是普通的jsp
使用了ajax吗
有没有yui之类的js？
他们实现都不太相同的，所以没办法定位啊
我上面说的都是工作中常用的方式。思路很清晰了，一定能实现的

追问

就是纯jsp

追答

好 我给你写一个例子，至于连接什么数据库，我就不管了，我连我自己的。你自己修改一下。
我给你一个jsp的例子
等着吧，我没有现成的，我得现写，现测试。
估计中午能给你发上来

追问

我是基本信息校区、院系、专业
现在需要添加专业信息，从数据中获取数据校区联动院系
是这样的
知道吗？

追答

请选择

>

请选择

>

追问

我怎么看不懂啊
这个直接可以用吗？z这个应该是部分代码吧！

追答

全部代码不让贴啊
这个是部分代码
是核心的，你应该不能直接调用，我用的是oracle，使用jdbc的方式连接的。
你需要修改jdbc的连接方式，还有sql语句
在页面中使用import将使用的类导入进来。
就这些了，自己理解理解，修改挺简单的

追问

还是不懂啊

追答

那我就没有办法了
再等他人吧

参考技术A assaassa

jsp中如何实现两个select下拉框联动

A下拉框里面有：主教学楼，学术交流中心。A框中选择“主教学楼，或学术交流中心时，B框根据A框选择后信息显示从数据库查询出来的相关信息，数据库是SQL。帮忙解答下，谢谢啦！

你的思路是不对的，列表只有一个名字，也就是说select的name，下边两个列表项的值其实是select name的值。 参考技术A

相信你有实力把数据改成动态加载的

追问

把从数据库中调出的数据放在字符串数组array1和array2中了，如何赋值给下面 arr1[0] arr1[1]
function loadCity(index)


var arr1 = new Array();
arr1[0] =["武汉市","黄岗市"];
arr1[1] = ["湘潭市","长沙市","楼底市"];

本回答被提问者采纳