分類(lèi)
<!--基礎(chǔ)樣式--> <link type="text/css" rel="stylesheet" href="css/demo.css"> <!--主要樣式--> <link type="text/css" rel="stylesheet" href="css/metroStyle/metroStyle.css">
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="js/jquery.ztree.all.js"></script> <script type="text/javascript" src="MultipleTreeSelect.js"></script> <script type="text/javascript"> <!--默認(rèn)設(shè)置樹(shù)結(jié)構(gòu)分類(lèi)菜單內(nèi)容--> var zNodes = [ {id: 1, pId: 0, name: "火之國(guó)", open: true}, // open: true表示下面有子文件 {id: 11, pId: 1, name: "木葉忍者", open: true }, // open: true表示下面有子文件 {id: 111, pId: 11, name: "鳴人" }, {id: 112, pId: 11, name: "佐助"}, {id: 12, pId: 1, name: "木葉暗部" }, {id: 121, pId: 12, name: "鼬"}, {id: 122, pId: 12, name: "卡卡西"}, {id: 2, pId: 0, name: "沙之國(guó)", open: true}, // open: true表示下面有子文件 {id: 21, pId: 2, name: "千代婆婆"}, {id: 26, pId: 2, name: "我愛(ài)羅"} , {id: 22, pId: 2, name: "沙之國(guó)忍者", open: true}, // open: true表示下面有子文件 {id: 221, pId: 22, name: "手鞠"}, {id: 222, pId: 22, name: "勘九郎"}, {id: 3, pId: 0, name: "水之國(guó)"}, {id: 4, pId: 0, name: "土之國(guó)"} ]; var defaults = { zNodes: zNodes, height:233 // 默認(rèn)自定義下拉框高度 } <!--調(diào)用插件方法--> $(document).ready(function () { $("textarea").drawMultipleTree(defaults); }); </script>
<textarea style="width: 300px;overflow:hidden;" checks="1,11,2,23" textLabel="jasontext" type="text" readonly></textarea>
1. 本站所有素材(未指定商用),僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后,只擁有使用權(quán),著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材,未經(jīng)合法授權(quán),請(qǐng)勿用于商業(yè)用途,會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材,否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途,織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。