基于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框件,且每一页数据都是从后端获取过来的,这一次的分享主要是讲一次性获取完数据 然后手动进行分页.此需求基本上 ...
随机推荐
- PowerDesigner之PDM(物理概念模型)各种属性建立如PK,AK等
一.PDM概述 PDM(物理数据模型),通俗地理解,就是在PowerDesigner中以图形化的方式展示和设计数据库. PDM中涉及到的基本概念包括: 表: 列: 视图: 主键: 候选键: 外键: 存 ...
- win7系统总是安装不了net2.0的解决方法
一些网友询问说ghost win7系统总是安装不了net2.0怎么办呢?net2.0是什么?ATI显卡的控制中心 就需要在NET2.0的基础上.可是一些用户说win7系统总是安装不了net2.0如何解 ...
- 【Android】Android如何对APK反编译
本文笔者粗略的介绍如何利用一些工具,对Android进行反编译,从而得到源码,希望对你有所帮助,笔者的android环境为4.4.2. 1.准备资源. 在开始之前,需要准备三项工具:apktool ...
- thinkphp导航高亮的方法
因为引入了公共的 header.html,所以需要使用 js来实现向 li 加入active的高亮属性,这里我通过url地址和href的地址进行判断 // 这里对当前页面导航高亮 $(function ...
- 面试必备：HashMap源码解析（JDK8）
1 概述 本文将从几个常用方法下手,来阅读HashMap的源码. 按照从构造方法->常用API(增.删.改.查)的顺序来阅读源码,并会讲解阅读方法中涉及的一些变量的意义.了解HashMap的特点 ...
- Loader Lock引起的一个Bug
在Windows中,让程序模块化实现的一种方式,就是让事实上现为动态链接库. 然后在主程序启动的时候隐式或者显示的去载入动态链接库.可是假设不恰当的编写动态链接库的DllMain函数,将会引起意想不到 ...
- VC++对话框中加状态栏
原文链接: http://blog.chinaunix.net/uid-9847882-id-1996528.html 方法一:1.添加成员变量CStatusBarCtrl m_StatusBar;2 ...
- MySQL (1366, "Incorrect string value: '\\xF0\\x9F\\x8E\\xAC\\xE5\\x89...' for column 'description' at row 1")
(1366, "Incorrect string value: '\\xF0\\x9F\\x8E\\xAC\\xE5\\x89...' for column 'description' at ...
- Another app is currently holding the yum lock; waiting for it to exit.. yum被锁定无法使用
yum被锁定无法使用 Another app is currently holding the yum lock; waiting for it to exit.. 解决方法: rm -rf /var ...
- centos 7部署graphite（nginx+uwsgi）
http://www.debugrun.com/a/o5qyP9W.htmlhttp://blog.csdn.net/tsingfu1986/article/details/44239503 http ...