分享一款基于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">关闭&nbsp;</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>

via:http://www.w2bc.com/Article/39823

基于jquery下拉列表树插件代码的更多相关文章

  1. 基于jQuery实现滚动新闻代码下载

    分享一款基于jQuery实现滚动新闻代码下载.这是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div ...

  2. 基于jQuery头像裁剪插件cropbox

    今天给大家分享一款基于jQuery头像裁剪插件cropbox,这是一款简单实用的jQuery头像在线裁剪插件.该插件适用于适用浏览器:IE8.360.FireFox.Chrome.Safari.Ope ...

  3. 基于jQuery的用户界面插件集合---EasyUI

    easyui是一种基于jQuery的用户界面插件集合.为创建现代化,互动,JavaScript应用程序,提供必要的功能.使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以 ...

  4. JQuery Ztree 树插件配置与应用小结

    JQuery Ztree 树插件配置与应用小结 by:授客 QQ:1033553122 测试环境 Win7 jquery-3.2.1.min.js 下载地址: https://gitee.com/is ...

  5. 基于jQuery+HTML5加入购物车代码

    基于jQuery+HTML5加入购物车代码.这是一款基于jquery+html5实现的支持累加计价的网站购物车代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div ...

  6. 基于jQuery表格增加删除代码示例

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. 一款基于jQuery的分页插件

    特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...

  8. 基于jQuery的tooltips插件--poshytip

    摘要: 分享一款在项目中使用的tooltips插件--poshytip,这是一款基于jQuery的插件,其特点是简单易用,支持浏览器:IE6+, FF 2+, Opera 9+, Safari 3+, ...

  9. 基于jquery 的分页插件,前端实现假分页效果

    上次分享了一款jquery插件,现在依旧分享这个插件,不过上一次分享主要是用于regular框件,且每一页数据都是从后端获取过来的,这一次的分享主要是讲一次性获取完数据 然后手动进行分页.此需求基本上 ...

随机推荐

  1. Android----Thread+Handler 线程 消息循环(转载)

    近来找了一些关于android线程间通信的资料,整理学习了一下,并制作了一个简单的例子. andriod提供了 Handler 和 Looper 来满足线程间的通信.例如一个子线程从网络上下载了一副图 ...

  2. 【Android】Android动态加载Jar、APK的实现

    本文介绍Android中动态加载Jar.APK的实现.而主要用到的就是DexClassLoader这个类.大家都知道Android和普通的Java虚拟机有差别,它只能加载经过处理的dex文件.而加载这 ...

  3. CheckStyle检查规则中文翻译

    本文主要介绍CheckStyle 的各个规则配置项目,这个版本的CheckStyle将样式规则分为了以下十六种类型共138条规则: 官方文档地址:http://checkstyle.sourcefor ...

  4. numpy 中的axis轴问题

    在numpy库中,axis轴的问题比较重要,不同的值会得到不同的结果,为了便于理解,特此将自己的理解进行梳理 为了梳理axis,借助于sum函数进行! a = np.arange(27).reshap ...

  5. 解决Clover在win 10下的兼容问题

    周五闲的蛋疼,把系统升级到win10.周一早上过来,发现Clover 无法使用了,各种崩溃,查阅了官网,发现Clover确实只兼容到win8.网络上给出解决方案的确是用qttabbar,qttabba ...

  6. MFC动态按钮的创建及其消息响应 和 自定义消息

    原文链接: http://www.cnblogs.com/gaohongchen01/p/4046525.html 动态按钮(多个)的创建: 1.在类中声明并定义按钮控件的ID #define IDC ...

  7. 跟我学SharePoint 2013视频培训课程——探索默认的列表和库(6)

    课程简介 第6天,探索默认的列表和库. 视频 SharePoint 2013 交流群 41032413

  8. 深度学习attention 机制了解

    Attention是一种用于提升基于RNN(LSTM或GRU)的Encoder + Decoder模型的效果的的机制(Mechanism),一般称为Attention Mechanism.Attent ...

  9. 关于 SqlParameter 必须知道的!

    有时候写 SqlParameter 映射 new SqlParameter("@RecordId", SqlDbType.BigInt, 0, "RecordId&quo ...

  10. 为你的网站加上SSL,可以使用HTTPS进行访问

    首先,我们使用的是nginx 将域名证书文件1_www.domain.com_bundle.crt .私钥文件2_www.domain.com.key保存到同一个目录,例如/usr/local/ngi ...