分享一款基于jquery下拉列表树插件代码。这是一款实用的jquery 树形下拉框 下拉树代码下载。效果图如下：
实现的代码。
html代码：
<table width="100%" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="1" bgcolor="#FFFFFF" valign="top" width="35%" style="padding-left: 30px;"> </td> <td bgcolor="#FFFFFF" valign="top" height="65%" align="left"> <form method="post" id="regform"> <table width="70%" cellpadding="1" cellspacing="0" border="0" style="margin-top: 10px;"> <tr> <td width="20%" align="right"> 父 菜 单： </td> <td width="30%" align="left"> <input type="text" id="menu_parent_name" style=" 150px;"> <input type="hidden" id="menu_parent" name="menu_parent"><!-- 父菜单id --> <input type="hidden" id="oprate" name="oprate"><!-- radio --> <input type="hidden" id="menu_id" name="menu_id"><!-- 父菜单id --> </td> <td width="20%" align="right"> </td> <td width="30%" align="left"> </td> </tr> </table> </form> </td> </tr> </table> <div id="treediv" style="display: none; position: absolute; overflow: scroll; 150px; height: 200px; padding: 5px; background: #fff; color: #fff; border: 1px solid #cccccc"> <div align="right"> <a href="##" id="closed"><font color="#000">关闭 </font></a></div> <script language="JavaScript" type="text/JavaScript"> //树代码 mydtree = new dTree('mydtree', 'imgmenu/', 'no', 'no'); mydtree.add(0, -1, "根目录", "javascript:setvalue('0','根目录')", "根目录", "_self", false); mydtree.add(37, 0, 'PDA消息管理', "javascript:setvalue('37','PDA消息管理')", 'PDA消息管理', '_self', false); mydtree.add(40, 0, '法律法规管理', "javascript:setvalue('40','法律法规管理')", '法律法规管理', '_self', false); mydtree.add(44, 0, '基础信息管理', "javascript:setvalue('44','基础信息管理')", '基础信息管理', '_self', false); mydtree.add(47, 0, '卫生监督', "javascript:setvalue('47','卫生监督')", '卫生监督', '_self', false); mydtree.add(50, 0, '地图', "javascript:setvalue('50','地图')", '地图', '_self', false); mydtree.add(66, 0, '信息查询', "javascript:setvalue('66','信息查询')", '信息查询', '_self', false); mydtree.add(73, 0, '量化分级管理', "javascript:setvalue('73','量化分级管理')", '量化分级管理', '_self', false); mydtree.add(80, 0, '专家库管理', "javascript:setvalue('80','专家库管理')", '专家库管理', '_self', false); mydtree.add(92, 0, '调度通知信息', "javascript:setvalue('92','调度通知信息')", '调度通知信息', '_self', false); mydtree.add(94, 0, '统计报表', "javascript:setvalue('94','统计报表')", '统计报表', '_self', false); mydtree.add(84, 0, '任务管理', "javascript:setvalue('84','任务管理')", '任务管理', '_self', false); mydtree.add(89, 0, '考勤管理', "javascript:setvalue('89','考勤管理')", '考勤管理', '_self', false); mydtree.add(96, 0, '卫生保障', "javascript:setvalue('96','卫生保障')", '卫生保障', '_self', false); mydtree.add(103, 0, '预警信息', "javascript:setvalue('103','预警信息')", '预警信息', '_self', false); mydtree.add(110, 0, '工作量统计', "javascript:setvalue('110','工作量统计')", '工作量统计', '_self', false); mydtree.add(1, 0, '系统管理', "javascript:setvalue('1','系统管理')", '系统管理', '_self', false); mydtree.add(2, 1, '角色管理', "javascript:setvalue('2','角色管理')", '角色管理', '_self', false); mydtree.add(3, 1, '权限管理', "javascript:setvalue('3','权限管理')", '权限管理', '_self', false); mydtree.add(4, 1, '菜单管理', "javascript:setvalue('4','菜单管理')", '菜单管理', '_self', false); mydtree.add(5, 1, '部门管理', "javascript:setvalue('5','部门管理')", '部门管理', '_self', false); mydtree.add(28, 1, '数据字典管理', "javascript:setvalue('28','数据字典管理')", '数据字典管理', '_self', false); mydtree.add(29, 1, '组织人员管理', "javascript:setvalue('29','组织人员管理')", '组织人员管理', '_self', false); mydtree.add(30, 1, '人员管理', "javascript:setvalue('30','人员管理')", '人员管理', '_self', false); mydtree.add(152, 1, '许可证信息维护', "javascript:setvalue('152','许可证信息维护')", '许可证信息维护', '_self', false); mydtree.add(39, 37, '通知通告', "javascript:setvalue('39','通知通告')", '通知通告', '_self', false); mydtree.add(86, 37, '消息管理', "javascript:setvalue('86','消息管理')", '消息管理', '_self', false); mydtree.add(88, 37, '应急预案', "javascript:setvalue('88','应急预案')", '应急预案', '_self', false); mydtree.add(41, 40, '法律法规管理', "javascript:setvalue('41','法律法规管理')", '法律法规管理', '_self', false); mydtree.add(42, 40, '法律法规查看', "javascript:setvalue('42','法律法规查看')", '法律法规查看', '_self', false); mydtree.add(45, 44, '检查项目管理', "javascript:setvalue('45','检查项目管理')", '检查项目管理', '_self', false); mydtree.add(49, 44, '被监督单位管理', "javascript:setvalue('49','被监督单位管理')", '被监督单位管理', '_self', false); mydtree.add(62, 44, '单位大类别管理', "javascript:setvalue('62','单位大类别管理')", '单位大类别管理', '_self', false); mydtree.add(63, 44, '单位小类别管理', "javascript:setvalue('63','单位小类别管理')", '单位小类别管理', '_self', false); mydtree.add(64, 44, '检查类别管理', "javascript:setvalue('64','检查类别管理')", '检查类别管理', '_self', false); mydtree.add(65, 44, '检查小类管理', "javascript:setvalue('65','检查小类管理')", '检查小类管理', '_self', false); mydtree.add(48, 47, '巡查监督', "javascript:setvalue('48','巡查监督')", '巡查监督', '_self', false); mydtree.add(82, 47, '监督记录', "javascript:setvalue('82','监督记录')", '监督记录', '_self', false); mydtree.add(83, 47, '单位信息查询', "javascript:setvalue('83','单位信息查询')", '单位信息查询', '_self', false); mydtree.add(51, 50, '地图操作', "javascript:setvalue('51','地图操作')", '地图操作', '_self', false); mydtree.add(67, 66, '执业医师查询', "javascript:setvalue('67','执业医师查询')", '执业医师查询', '_self', false); mydtree.add(74, 73, '量化分级管理', "javascript:setvalue('74','量化分级管理')", '量化分级管理', '_self', false); mydtree.add(81, 80, '专家库管理', "javascript:setvalue('81','专家库管理')", '专家库管理', '_self', false); mydtree.add(85, 84, '科长分配任务', "javascript:setvalue('85','科长分配任务')", '科长分配任务', '_self', false); mydtree.add(100, 84, '科员任务', "javascript:setvalue('100','科员任务')", '科员任务', '_self', false); mydtree.add(101, 84, '所长查看科长任务', "javascript:setvalue('101','所长查看科长任务')", '所长查看科长任务', '_self', false); mydtree.add(90, 89, '我的考勤记录', "javascript:setvalue('90','我的考勤记录')", '我的考勤记录', '_self', false); mydtree.add(91, 89, '考勤记录管理', "javascript:setvalue('91','考勤记录管理')", '考勤记录管理', '_self', false); mydtree.add(93, 92, '调度通知信息管理', "javascript:setvalue('93','调度通知信息管理')", '调度通知信息管理', '_self', false); mydtree.add(95, 94, '统计报表录入', "javascript:setvalue('95','统计报表录入')", '统计报表录入', '_self', false); mydtree.add(102, 94, '统计报表查看', "javascript:setvalue('102','统计报表查看')", '统计报表查看', '_self', false); mydtree.add(105, 94, '报表查看', "javascript:setvalue('105','报表查看')", '报表查看', '_self', false); mydtree.add(106, 94, '周工作量统计(工作量)', "javascript:setvalue('106','周工作量统计(工作量)')", '周工作量统计(工作量)', '_self', false); mydtree.add(109, 94, '周工作量统计(违规累计)', "javascript:setvalue('109','周工作量统计(违规累计)')", '周工作量统计(违规累计)', '_self', false); mydtree.add(97, 96, '卫生保障数据', "javascript:setvalue('97','卫生保障数据')", '卫生保障数据', '_self', false); mydtree.add(99, 96, '卫生保障数据统计', "javascript:setvalue('99','卫生保障数据统计')", '卫生保障数据统计', '_self', false); mydtree.add(104, 103, '预警发证后6个月', "javascript:setvalue('104','预警发证后6个月')", '预警发证后6个月', '_self', false); mydtree.add(107, 103, '预警许可证已过期', "javascript:setvalue('107','预警许可证已过期')", '预警许可证已过期', '_self', false); mydtree.add(108, 103, '预警许可证即将到期', "javascript:setvalue('108','预警许可证即将到期')", '预警许可证即将到期', '_self', false); mydtree.add(111, 110, '周工作量统计', "javascript:setvalue('111','周工作量统计')", '周工作量统计', '_self', false); mydtree.add(112, 110, '月工作量统计', "javascript:setvalue('112','月工作量统计')", '月工作量统计', '_self', false); mydtree.add(115, 114, '错错错下订单', "javascript:setvalue('115','错错错下订单')", '错错错下订单', '_self', false); mydtree.add(151, 150, '许可证信息维护', "javascript:setvalue('151','许可证信息维护')", '许可证信息维护', '_self', false); document.write(mydtree); </script> </div>