既然你说到了数据库，那就分前后端给你讲吧 前端点击一个选项，另一个框里面的选项也改变，这个效果其实就是在你触发那个选项的点击事件的时候，把不要展示的隐藏起来，而需要展示的展示出来至于数据，你可以点击后异步。

2在indexhtml中的ltbody标签中，输入html代码ltselect required=quotrequiredquotltoption学生ltoptionltoption教师ltoptionltselect 3浏览器运行indexhtml页面，此时的下拉框是必须选择的。

else ifold==quotBquotval==quotCquot alert2 thisattrquotold_valquot，valattrquotold_valquot，$quot#mySelectquotval在文本框里裸写js缩进不好调整如果还有问题可以追问或者加我的Hi询问。

一共两个文件，html页面里面调用js文件就可以了，不是要把代码也复制到html文件里面^联动菜单 是这个意思吗？实现方法很多 推荐一个比较好的琥珀联动菜单 以下信息为琥珀联动菜单在此感谢作者下面是静态页面HP。

select标签可以创建下拉列表，列入 ltselect ltoption value=quot1quot我是下拉项目1ltoption ltoption value=quot2quot我是下拉项目2ltoption ltoption value=quot3quot我是下拉项目3ltoption ltoption value=quot4quot我。

oListboxappendChildoOption 把选项添加进列表框 alertquot添加成功quot end ifisAdd 添加按钮的点击事件方法 function addNewSelections var txtname = otxtNamevalue var txtvalue = otxt。

在 HTML中，下拉列表和列表框的代码都是ltselectltoption ltselect，它们的主要区别是显示的形式不同下拉列表框只露出一行，同时只能选择一行不占地方，其它数据都藏在下拉列表的里面列表框的数据可以显示出。