# MultipleTreeSelect
**Repository Path**: steven.mo/MultipleTreeSelect
## Basic Information
- **Project Name**: MultipleTreeSelect
- **Description**: MultipleTreeSelect是基于jquery,ztree和sliscroll开发的树形下拉选择框插件，支持ie8+,谷歌，火狐，360等浏览器
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 25
- **Created**: 2019-07-17
- **Last Updated**: 2020-12-18
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
### jquery 树形下拉框插件 (jquery tree drop box plugin)
MultipleTreeSelect是基于jquery,ztree和sliscroll开发的树形下拉选择框插件，支持ie8+,谷歌，火狐，360等浏览器
(MultipleTreeSelect is an tree drop-down selection box plugin based on jquery and ztree ; support ie8 +, Google, Firefox, 360 and other browsers)
#### MultipleTreeSelect有如下主要特点 (has the following main features)
- 兼容ie8以及各大主流浏览器 (Compatible ie8 and the major mainstream browser)
- 低侵入式使用 (Low intrusion)
- 使用简单方便 (Easy to use)
- 继承了ztree高效渲染 (Efficient)
**MultipleTreeSelect 欢迎使用本插件: MultipleTreeSelect**
(Welcome to this plugin)
#### 多选示例图片： (Checkbox Example:)
#### 单选选示例图片： (Radio Example:)
#### 快速上手示例 (Quick start example)：
**1. 引入jquery,ztree,MultipleTreeSelect等js和css文件**
```html
$Title$
```
**2.异步加载配置实例**
**async example**
```js
var defaultsw = {
async: {
enable: true,
url: "http://qqxh.net"
}
}
```
**3.配置文件详解**
**setting file detailed explanation**
```js
var settingAsync = {
async: {
enable: true,
url: "异步加载url地址"
},
chkStyle: "radio",/*radio：单选模式(Radio mode)，checkbox：多选模式(checkbox mode)，默认为多选*/
radioType : "all",/*all：整个树只能有一个选中，level：在每一级节点范围内当做一个分组*/
height:433,/*容器高度*/
callback:{
onCheck: function() {}/*选中事件的回调*/
}
}
```
**4.api列表**
- 获取选中文本 get selected text value
```js
$("#yourContentId").drawMultipleTree("getChecks","text");
```
- 获取选中code get selected code value
```js
$("#yourContentId").drawMultipleTree(getChecks,"val");
```
- 设置默认选中值 seting default selected
通过给元素设置checks属性来进行设置，格式为:checks="1,2,3,4,5"
user words "cehcks" to set selected values;
like:checks="1,2,3,4,5"
- 设置文本的表单项 seting textLabel
通过textLabel属性设置文本在的表单项中的name属性；提交时将以该名称把文本提交到后台
MultipleTreeSelect 开发者网站(my website):http://www.qqxh.net