分享一款基於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="width: 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; width: 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>