本文提供基于 JavaScript 的无限级联动菜单实现代码。通过动态操作 DOM 元素，支持从二级到五级甚至更多层级的数据联动选择。示例展示了如何初始化不同层级的下拉列表，并处理用户交互事件，适用于需要多级分类选择的 Web 场景。
无限级联动菜单实现代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Selects</title> <style type="text/css"> *{font-size:14px;} select{height:20px;font-size:12px;} </style> </head> <body > <div style='color:red'>2级联动</div> <div id='demo1'></div> <div style='color:red'>3级联动</div> <div id='demo2'></div> <div style='color:red'>4级联动</div> <div id='demo3'></div> <div style='color:red'>5级联动</div> <div id='demo4'></div> </body> </html>注意：若引入了外部 JavaScript 文件，必须刷新页面后代码才能正常执行。