树形二级联动(ztree+bootstrap-select)

工作需要,然后就继续做新的东西,现在就需要一个二级联动,并且需要是树形的,支持搜索的功能

我网上查了查决定用ztree树形,加上bootstrap-select这个支持搜索的表单插件,好的,代码如下

html>


    </span>select<span style="color:#e8bf6a;">
    http-equiv="content-type" content="text/html; charset=UTF-8">
    rel="stylesheet" href="css/demo.css" type="text/css">
    rel="stylesheet" href="css/zTreeStyle.css" type="text/css">
    rel="stylesheet" href="css/index.css">
    rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
    rel="stylesheet" href="dist/css/bootstrap-select.css">
    
    
    
    
    
    



ztree+bootstrap-select

class="content_wrap" style="margin:0 auto;">
class="zTreeDemoBackground list2" >
    class="list list1" >
  • class="title title2">  一级选择: id="citySel" type="text" readonly value="一级选择" style="width:120px;" οnclick="showMenu();" />
  • class="form-inline width: 120px; height: 25px;">
    class="form-group">
    class="form-group">
id="menuContent" class="menuContent" style="display:none; position: absolute;">
    id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;">
已上传到GitHub,这里是 演示地址

你可能感兴趣的:(jquery,ztree)