下拉框可筛选多层级菜单多选_zTree下拉菜单多级菜单多选实现

惯例，先上图：

这是在一个项目中，为了满足样式美观、多级菜单以及多选而将zTree插件更改过后的效果。

在实际的开发过程中，本来zTree也是可以满足需求的，但是zTree多选的话需要checkbox选择框，这样导致样式风格和项目总体不一致。下面是根据ztree所修改的内容。

如上图 这是个outlook样式的菜单。

我们只需要简单的右键，查看代码，就可以把源码拿下来看看。

我们需要的源码如下：

如上  这是我们需要的源码    但是有些并不需要，经过修改后如下：

var zNodes =[]; //数据的格式已经在上一段代码中表示了 这里我就去掉了//人员列表

$.ajax({

url:"searchPeopleJson",

async:false,

success:function(resultData){var result= eval("("+resultData+")");

zNodes=result; //这是获取下拉列表的数据 因为我的是在数据库中获取的

}

});functionlistShow(divid,btnId,btnIndex) {var ulId="";

value="";

pIndex="";

selectCount=false;

$(&