layui 树状下拉框

准备

先获取treeSelect.js文件
原js文件不提供自定义解析jsondata的功能，需要自己在源码里面修改。
treeselect.js文件已上传至我的资源

使用

1、script引用 <script type="text/javascript" src="js/treeSelect.js"></script>；
2、layui.use加上“treeSelect”，
3、var treeSelect = layui.treeSelect
4、

		function XMTreeSelect() {
			var Input = '<input type="text"   lay-filter="Filter" class="layui-input" id="input">';
			o(".Div").html(Input);
			treeSelect.render({
				// 选择器
				elem: '#input',
				// 数据
				data: url,
				// 异步加载方式：get/post，默认get
				type: 'get',
				// 占位符
				placeholder: '请选择',
				// 是否开启搜索功能：true/false，默认false
				search: true,
				// 一些可定制的样式
				style: {
					folder: {
						enable: true
					},
					line: {
						enable: true
					}
				},
				parseData: function(res) { //res 即为原始返回的数据 可对数据进行解析
					return res.data;
				},
				// 点击回调
				click: function(clickData) {
				
				},
				// 加载完成后的回调函数
				success: function(res) {
					treeSelect.checkNode('Filter', id); //选中节点，根据id筛选
					treeSelect.refresh('Filter'); //刷新树结构
				}
			});
		}

treeSelect.js