【求代码】带复选框的树

效果就是如下图
前台是我的短板，短时间也无法搞明白原理然后立即写一个出来，所以做过的朋友给个示例代码，后台语言是Java

解决方案 »

  1.   

    dhtmlxTree
    文档：http://docs.dhtmlx.com/doku.php?id=dhtmlxtree:toc
      

  2.   

    google一下：dhtmlxTree 实例。但最好还是看文档，这个组件提供了非常多的参数配置、方法和事件绑定方法，光看几行实例代码也很难掌握使用方法。
      

  3.   

    <script type='text/javascript' src='/DWR_T7/dwr/interface/user.js'></script>
    <script type='text/javascript' src='/DWR_T7/dwr/engine.js'></script>
    <script type='text/javascript' src='/DWR_T7/dwr/util.js'></script> <script type="text/javascript">
    //得到所有的省份
    function proload()
    {
    user.getProvince(function(list)
    {
    for(var i=0;i<list.length;i++)
    {

    $("s1").options.add(new Option(list[i].proname,list[i].proid));
    }
    }
    );
    }
    //根据省份ID获得市
    function citylist(pid)
    {
    alert("进来了加载市的方法");
    $("s2").options.length = 1;
    alert(pid.value);
    user.getCity(pid.value,function(list)
    {
    for(var i=0;i<list.length;i++)
    {
    alert(list.length);
    ${"s2"}.options.add(new Option(list[i].cityname,list[i].cityid));
    }
    }
    );
    }
    </script>
    <body onload="proload()">
    <select id="s1" onchange="citylist(this)">
    <option>
    ----请选择省份
    </option>
    </select>
    <select id="s2">
    <option>
    ----请选择市
    </option>
    </select>
    </body>
    这是我们写的级联菜单，希望对你会有用。用的DWR