bootstrap树形下拉框下拉框树形菜单_bootstrap树形下拉框,bootstrap树形下拉框资源-CSDN文库

共18个文件

css：7个

js：4个

jpg：2个

下拉框树

4星 · 超过85%的资源需积分: 50 139 浏览量 2016-11-15 11:33:46 上传评论 10 收藏 129KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

treeview-select.zip （18个子文件）

treeview-select

fonts

icomoon.eot 5KB

icomoon.ttf 5KB

icomoon.svg 10KB

icomoon.woff 5KB

example-dom.html 2KB

src

bootstrap-treeview.js 11KB

css

bootstrap-treeview.css 1KB

dist

bootstrap-treeview.min.js 6KB

bootstrap-treeview.min.css 207B

jquery-1.9.1.min.js 90KB

bootstrap-treeview.js 11KB

css

bootstrap-treeview.css 1KB

default.css 6KB

bootstrap.min.css 120KB

normalize.css 2KB

createuser.css 2KB

img

1.jpg 22KB

2.jpg 39KB

<!DOCTYPE html> <html> <head> <title>Bootstrap Tree View</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-treeview.css" rel="stylesheet"> </head> <body> <div class="container"> <h1>Bootstrap Tree View - DOM Tree</h1> <br/> <div class="row"> <div class="col-sm-12"> <label for="treeview"></label> <div id="treeviews"/> </div> </div> <div class="ol-sm-6"> <div class="input-group"> <span class="input-group-addon">所属部门</span> <input type="text" id="depName" name="depName" class="form-control" value="" onclick="$('#treeview').show()" > <input type="hidden" id="deptId" name="deptId" value="36"> </div> <div id="treeview" style="display:none;"/> </div> </div> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/bootstrap-treeview.js"></script> <script type="text/javascript"> function buildDomTree() { var data = []; function walk(nodes, data) { if (!nodes) { return; } $.each(nodes, function (id, node) { var obj = { id: id, text: node.nodeName + " T_T " + (node.innerText ? node.innerText : ''), tags: [node.childElementCount > 0 ? node.childElementCount + ' child elements' : ''] }; if (node.childElementCount > 0) { obj.nodes = []; walk(node.children, obj.nodes); } data.push(obj); }); } walk($('html')[0].children, data); return data; } $(function() { var options = { bootstrap2: false, showTags: true, levels: 5, showCheckbox:true, checkedIcon:"glyphicon glyphicon-check", data: buildDomTree(), onNodeSelected:function(event, data){ $("#depName").val(data.text); $("#treeview").hide(); } }; $('#treeview').treeview(options); }); </script> </body>

评论收藏

内容反馈