13518219792
Tree-Multiselect 可以用树形视图代替 select 元素，它可以实现复杂的嵌套选择。
成都创新互联公司专注于岳阳楼网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供岳阳楼营销型网站建设，岳阳楼网站制作、岳阳楼网页设计、岳阳楼网站官网定制、重庆小程序开发公司服务，打造岳阳楼网络公司原创品牌,更为您提供岳阳楼网站排名全网营销落地服务。
zTree的jquery树插件就可以生成树了。
1、setting 配置信息说明
普通使用，无必须设置的参数
与显示相关的内容请参考 API 文档中 setting.view 内的配置信息
name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息
2、treeNode 节点数据说明
标准的 JSON 数据需要嵌套表示节点的父子包含关系
例如：
var nodes = [
{name: "父节点1", children: [
{name: "子节点1"},
{name: "子节点2"}
]}
];
默认展开的节点，请设置 treeNode.open 属性
无子节点的父节点，请设置 treeNode.isParent 属性
其他属性说明请参考 API 文档中 "treeNode 节点数据详解"
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。
div id="Tree"li 你自己的标签//div
$(function(){
$("#Tree").css("background","####")
})
jquery 插件就是一些人用jquery写的一些工具，常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。
如easyui的datagrid、combobox、tree等可以实现表格、下拉框、树等形状及需要的操作。
附：easyui官网
可以在网站里面下载demo、观看一些特效、下载插件js等。
jQuery插件开发全解析 jQuery插件的开发包括两种：
一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数。
另一种是对象级别的插件开发，即给jQuery对象添加方法。
jquery树形表格treetable插件使用方法步骤：
第一步：
1.上官网下载。
2.插件引用，当下载的时候，会有很多个文件，但是根据api来看，如果只想做简单的效果，js除了引用juquery外，只需要引用jquery.treetable.js插件，如果想让它有默认的外观样式还需要引入它们的jquery.treetable.css和jquery.treetable.theme.default.css
第二步：建立table格式
table id="example-advanced"
tr data-tt-id="1"
td大家电/td
/tr
tr data-tt-id="2" data-tt-parent-id="1"
td---电视/td
/tr
tr data-tt-id="3" data-tt-parent-id="1"
td---洗衣机/td
/tr
tr data-tt-id="4" data-tt-parent-id="1"
td---冰箱/td
/tr
/table
第三步：引入JS
/* 初始化数据 */
$("#example-advanced").treetable({ expandable: true });/* 高亮显示 */$("#example-advanced tbody").on("mousedown", "tr", function() {
$(".selected").not(this).removeClass("selected");
$(this).toggleClass("selected");
});/* 点击展开关闭 */a href="#" class="btn btn-blue" onclick="jQuery('#example-advanced').treetable('expandAll'); return false;"展开/a
a href="#" class="btn btn-blue" onclick="jQuery('#example-advanced').treetable('collapseAll'); return false;"关闭l/a
第一步，创建静态页面select.html，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：
第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：
第三步，初始化select2插件，需要调用select2()方法，如下图所示：
第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：
5
第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：
6
第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：
