基于jquery下拉列表树插件代码
分享一款基于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>
via:http://www.w2bc.com/Article/39823
基于jquery下拉列表树插件代码的更多相关文章
- 基于jQuery实现滚动新闻代码下载
分享一款基于jQuery实现滚动新闻代码下载.这是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div ...
- 基于jQuery头像裁剪插件cropbox
今天给大家分享一款基于jQuery头像裁剪插件cropbox,这是一款简单实用的jQuery头像在线裁剪插件.该插件适用于适用浏览器:IE8.360.FireFox.Chrome.Safari.Ope ...
- 基于jQuery的用户界面插件集合---EasyUI
easyui是一种基于jQuery的用户界面插件集合.为创建现代化,互动,JavaScript应用程序,提供必要的功能.使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以 ...
- JQuery Ztree 树插件配置与应用小结
JQuery Ztree 树插件配置与应用小结 by:授客 QQ:1033553122 测试环境 Win7 jquery-3.2.1.min.js 下载地址: https://gitee.com/is ...
- 基于jQuery+HTML5加入购物车代码
基于jQuery+HTML5加入购物车代码.这是一款基于jquery+html5实现的支持累加计价的网站购物车代码.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div ...
- 基于jQuery表格增加删除代码示例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 一款基于jQuery的分页插件
特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...
- 基于jQuery的tooltips插件--poshytip
摘要: 分享一款在项目中使用的tooltips插件--poshytip,这是一款基于jQuery的插件,其特点是简单易用,支持浏览器:IE6+, FF 2+, Opera 9+, Safari 3+, ...
- 基于jquery 的分页插件,前端实现假分页效果
上次分享了一款jquery插件,现在依旧分享这个插件,不过上一次分享主要是用于regular框件,且每一页数据都是从后端获取过来的,这一次的分享主要是讲一次性获取完数据 然后手动进行分页.此需求基本上 ...
随机推荐
- 远程首次连接mysql速度慢的解决方法:skip-name-resolve取消DNS的反向解析(转)
PHP远程连接MYSQL速度慢,有时远程连接到MYSQL用时4-20秒不等,本地连接MYSQL正常,出现这种问题的主要原因是,默认安装的 MYSQL开启了DNS的反向解析,在MY.INI(WINDOW ...
- solr开发从查询结果集中获取对象数据
solrJ从查询结果集中获取对象数据. 方案一:自定义转换方式 /** * * SolrDocument与实体类转换 [测试通过] * * @author pudongping * * @param ...
- centos yum源
#remi的源 rpm -ivh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm rpm --import /etc/pki/r ...
- javascript中 try catch finally 的使用
例一:function message(){ try { adddlert("Welcome guest!") } catch(err) { txt="此页面存在一个错误 ...
- 创建一个已经存在数据的MySQL复制
1.配置master库必须开启二进制日志和分配唯一的server id·如果没设置server-id或将其设置为0,master节点会拒绝slave的连接·建议在master节点设置innodb_fl ...
- 【转】对 Rust 语言的分析
对 Rust 语言的分析 Rust 是一门最近比较热的语言,有很多人问过我对 Rust 的看法.由于我本人是一个语言专家,实现过几乎所有的语言特性,所以我不认为任何一种语言是新的.任何“新语言”对我来 ...
- laravel用redis保存session遇到的坑,没报错,但redis-cli就是查不到
laravel用redis保存session遇到的坑, 配置redis存储session流程是这样的 在.evn文件中把session驱动和连接改为了redis的 如下: SESSION_DRIVER ...
- 简简单单搞掂恼人的Laravel 5安装
想折腾下Laravel 5了.Laravel是这世界上最好且没有之一的语言──PHP──的众多框架中的一个,是我比较感兴趣的PHP Web Framework. 但是安装Laravel可不是件容易的事 ...
- IOS 缓存方案(按需缓存 、 预缓存)及 低网速模拟
1,在设备中 设置开发者模式. 参照上面设置 自定义 添加.丢包率 35. 或者参照这个文章:http://ivoryxiong.org/devops/2013/05/24/ios_dev_handl ...
- 如何只打印中间的符号(c语言)
经常有这样的问题,要求打印如下格式: a,b,c,d,e 进而要求,如果abcde有为0的值,取消打印,假设:a=1,b=0,c=12,d=0,e=5或者,a=0,b=2,c=0,d=10,e=0等等 ...