基本方式有以下两种:
方式1:
给出菜单1的菜单数据,当点击某个菜单项后,把该项的值传给服务端,由服务端返回新的菜单数据到菜单2.
方式2:
菜单数据静态存储在js或者html元素中,当点击某个菜单项后,直接把相应的菜单数据到菜单2.
源代码你可以在百度搜索 "js下拉菜单 联动" 得到。
这类问题貌似蛮多的。
不过是这个纯HTML需要么?没有数据交互?与服务器数据交互得重新封装的。
下面是纯HTML用的JS。
请选择:
注意这里:
这里添加了(注意):
这个其实就是一个下拉框的 onChange事件,当你下拉框的值改变的时候就会触发这个事件,然后在这个事件里面写取值方法,然后赋值到新的下拉框。