js下拉树结构，点击选择切换数据

选择框点击出现树结构，然后根据选择的，下面数据发现改变

 

<link rel="stylesheet" href="assets/css/ztree/zTreeStyle/zTreeStyle.css" />

<div class="text">区域：</div>
<div class="ztree_dropdown" id="Project_ID_Container"></div>


<script src="assets/js/ztree/jquery.ztree.all-3.5.min.js"></script>
<script src="assets/js/ztree/jquery.ztree.exhide-3.5.min.js"></script>
<script src="Scripts/xy.ztree.v3.js"></script>
<script>

LoadTree_Project();//加载下拉树方法

function URL() {
    return  'http://192.168.1.150:888/XhnWebApi.asmx' //接口前面共有

}


// 加载下拉树
function LoadTree_Project() { 
    var baseURL = URL();
    var userID = sessionStorage.getItem('UserId');//项目ID，没有的可以不写
    var url = baseURL + "/GetEnterpriseSubByUserID"; //接口
    var args = { date: new Date().getTime() };
    args.pn = JSON.stringify({
        UserID: userID,
    });
    $.ajax({
        type: "GET", url: url, data: args, dataType: "json", async: false, success: function (data) {
            var data = data.data;
            new xy.ztree.dropdown(
                {
                domId: "Project_ID_Container",
                idKey: "id",
                pIdKey: "pId",
                rootPId: -1, 
                keyName: "name",
                selectedMulti: false,
                    zNodes: data,
                    fnClick: function (e, treeId, treeNode) {
                        searchParam.AreaID = treeNode.id;  //树结构接口的参数id
                        searchParam.EnterpriseID = treeNode.EnterpriseID;//树结构接口的参数id
                        if (searchParam.AreaID <= 0) return false;
                        GetData();//展示数据的接口方法
                    },
                } ).init();

            var ztreeObj = $.fn.zTree.getZTreeObj("ztree_Project_ID_Container");
            var nodes = ztreeObj.transformToArray(ztreeObj.getNodes());
            ztreeObj.selectNode(nodes[1]);
            var nodeObj = ztreeObj.getSelectedNodes()[0];
            nodeObj.click();
            for (var i = 0; i < nodes.length; i++) { // 展开 level 0-1
                if (nodes[i].level < 3) {
                    ztreeObj.expandNode(nodes[i]);
                }
            }
        }
    });
}
</script>