jquery.ztree实现带城市搜索的二级省市树状选择框效果代码-html代码-BFW代码库

jquery.ztree实现带城市搜索的二级省市树状选择框效果代码

代码语言：html

所属分类：其他

代码描述：jquery.ztree实现带城市搜索的二级省市树状选择框效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/zTreeStyle.css">



</head>

<body>
    <div class="content_wrap">
        <div class="zTreeDemoBackground left">
            <ul class="list">
                <li class="title">&nbsp;&nbsp;城市：<input id="citySel" type="text" value="" onkeyup="AutoMatch(this)" style="width: 120px;" />
                </li>
            </ul>
        </div>
    </div>
    <div id="menuContent" class="menuContent" style="displayx: none; position: absolute;">
        <ul id="treeDemo" class="ztree" style="margin-top: 0; width: 110px;">
        </ul>
    </div>



    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.ztree.all.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.ztree.search.js"></script>
    <script>

        
        
        var setting = {
          view: {
            selectedMulti: false //是否允许多选
          },
          check: {
            enable: true },
        
        
          data: {
            simpleData: {
              enable: true } },
        
        
          callback: {
            //zTree节点的点击事件
            onClick: onClick } };
        
        
        
    .........完整代码请登录后点击上方下载按钮下载查看