QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 表单代码 > jQuery下拉框树形结构菜单选择插件

jQuery下拉框树形结构菜单选择插件

jQuery树形结构和下拉框插件结合制作点击文本框弹出树结构的下拉分类菜单选中赋值效果代码。ps:下载文件中还提供了多种模式,单选、多选,回调。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--基础样式-->
<link type="text/css" rel="stylesheet" href="css/demo.css">

<!--主要样式-->
<link type="text/css" rel="stylesheet" href="css/metroStyle/metroStyle.css">

2、head引入js文件

<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">

	<!--默认设置树结构分类菜单内容-->
	var zNodes = [
		{id: 1, pId: 0, name: "火之国",   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: "沙之国", open: true}, // open: true表示下面有子文件
		{id: 21, pId: 2, name: "千代婆婆"},
		{id: 26, pId: 2, name: "我爱罗"} ,
		{id: 22, pId: 2, name: "沙之国忍者", open: true}, // open: true表示下面有子文件
		{id: 221, pId: 22, name: "手鞠"},
		{id: 222, pId: 22, name: "勘九郎"},
		{id: 3, pId: 0, name: "水之国"},
		{id: 4, pId: 0, name: "土之国"}
	];
	var defaults = {

		zNodes: zNodes,
		height:233   // 默认自定义下拉框高度
	}
	
	<!--调用插件方法-->
	$(document).ready(function () {
		$("textarea").drawMultipleTree(defaults);
	});
</script>

3、body引入HTML代码

<textarea   style="width: 300px;overflow:hidden;" checks="1,11,2,23"  textLabel="jasontext"  type="text" readonly></textarea>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.242322.com-福彩快三和值组合表| www.619914.com-福彩3d奇门遁甲表| www.408826.com-体育足彩直播现场| www.572955.com-湖快三走势图彩乐乐| www.654425.com-福州市福彩中心地址| www.752312.com-168开彩结果| www.839585.com-竞彩收米动态图| www.917253.com-必赢彩票贴吧| www.980664.com-易彩乐彩票-| www.yg7.com-内蒙古快三遗漏豹子| www.822693.com-湖孔快三-| www.0570.bid-博彩三预测老头| www.98865.cc-24小时都开的彩票| www.104520.com-绿好彩是爆珠吗| www.020635.com-大发快三和值预测| www.130104.com-彩234彩票-| www.0916.date-时分彩票靠谱吗| www.956704.com-福利彩票模拟奖机| www.194847.com-彩票代打群-| www.2840.vip-查时时彩中奖结果| www.697020.com-数字彩票规律技巧| www.3860.org-广州体彩中心地址| www.0566.bid-3d彩票陈华-| www.8112.in-巨弘国际彩票靠谱吗| www.044527.com-湖北快三和值图表| www.60qw.com-老王足彩篮彩| www.360115.com-彩票网大数据准不准| www.183712.com-北京快三推测| www.098756.com-湖北快三网络购买| www.93wd.com-黑白照片一键变彩色| www.28nl.com-网易彩票关闭了吗| www.411422.cc-彩票做假开球视频| www.wf39.com-甘肃快三历史遗漏| www.7364.org-竞彩网络销售| www.760278.com-时时彩开奖时间更改| www.308234.com-快三应该怎么买| www.wv65.com-鸿彩彩票怎么样| www.68hl.com-怎么识别彩票站真假| www.5662.com-必发彩票官方网站| www.26693.cc-彩乐汇平台登录| www.372695.com-彩帝彩票怎么样| www.556009.com-乐彩任选六怎么玩| www.677259.com-全国彩票查询| www.827380.com-网络博彩是不是非法| www.940798.com-华人彩票官方网站| www.994522.com-彩票201930-| www.ak08.com-七星彩最快开奖直播| www.ti36.com-安徽快三开一定牛| www.585440.com-彩票站营销-| www.676532.com-客哥说彩-| www.777668.com-牛彩图迷网-| www.880280.com-2元彩票网专家杀号| www.979804.com-二元彩票网走势图| www.kw3.com-体彩山东快乐扑克3| www.e17.top-彩票开奖号123| www.28wm.com-星耀彩票-| www.924.xyz-临沂体育彩票| www.7567.com-22彩票破解-| www.28699.cc-一洗彩染发剂| www.73392.com-百宝彩票可靠吗| www.051296.com-彩票开奖走势图查询| www.99in.cc-乐彩双色球图谜论坛| www.957143.com-金利彩票大厅| www.515377.com-私人排五彩票| www.514583.com-彩妆加盟品牌有哪些| 500彩票www.998484.com| www.53395.cc-时时彩4码技巧| www.073724.com-微信怎么购买彩票| www.137830.com-99彩-| www.482104.com-彩票组合公式算法| www.422606.com-济南体彩销售网点| www.560120.com-懂彩帝彩票-| www.1304.net-福彩3d星期几开奖| www.9267.xyz-手机体彩注销流程| www.88219.com-138彩票软件下载| www.173769.com-6e彩票-| www.331200.cc-福彩门户资料大全| www.478884.com-足球竞彩双平怎么买| www.635433.com-七彩本草安神方官网| www.767662.com-赢彩彩票冻结账号| www.992110.com-手机彩视全民k歌| www.gd70.com-双色球中奖彩票| www.038157.com-997彩票app-| www.353973.com-娱乐点金手彩票| www.20.me-为什么有那么多私彩| www.960719.com-福彩3d推荐图| www.292967.com-福彩3d今晚开奖号| www.801022.com-503彩票注册| www.880702.com-淘宝彩票软件| www.961216.com-分分彩辅助预测软件| 大富豪www.297277.com| www.949333.com-福利彩票站取消了吗| 爱米彩www.am5432.com| www.wz49.cc-球彩台下载-| www.070734.com-湖北快三贴吧| www.173771.com-瑞彩祥云官网| www.so38.com-快三开奖网-| www.26785.cc-中彩票秘诀-| www.74825.com-彩色母粒定做| www.9011.org-乐彩33官网-| www.fl05.com-齐鲁彩票双色球| www.028446.com-牛彩l网3d字迷| www.108507.com-彩影怎么制作| www.870467.com-彩票投注app开发| www.664744.com-黑客门彩美-| www.187148.com-时时彩开户-| www.73367.com-彩票实力平台| www.239316.com-彩票6十1-| www.85991.com-彩铝板用途-| www.698450.com-嘉兴福彩管理中心| www.813845.com-湖南快三-| www.930590.com-体育彩票的玩法介绍| www.cp3388.com-江苏快三是假的| www.312683.com-时时彩网下载手机版| www.086998.com-wfcp五福彩-| www.023975.com-买足彩输的家破人亡| www.731255.com-易彩堂是真的彩票吗| www.66qu.com-7k彩票网址-| www.0016.cm-属龙买彩票选哪些数| www.160272.com-财神彩票官网| www.897963.com-竞彩宣传语-| www.967164.com-神彩通金码关注码| www.l60.top-爱购彩app下| www.558981.com-彩虹儿童歌曲| www.963588.cc-彩客网用户注册| 彩客网www.963063.com| www.745560.com-棒棒彩票客服电话| www.800775.com-天天彩图先锋快报| www.876549.com-乐彩网工具势图| www.944636.com-百万彩票中的骗局| www.im7.com-大赢家彩票app| www.sp25.com-e球彩2码聪明组合| www.04if.com-即时开彩2014| www.339110.com-时彩族怎么打不开了| www.7810.in-彩民的心声-| www.fn74.com-足球竞彩500| www.188158.com-中国体彩香港快3| www.266922.com-tkcc天空彩票| www.330720.com-彩票手游-| www.408402.com-福彩3d数字图| www.594098.com-七彩下载-| www.222590.com-cp999彩票-| www.305267.com-彩民要求赠送彩票| www.371339.com-越南内河时时彩链接| www.456300.com-红菜苔彩票客服| www.583775.com-彩票有走势吗| www.672488.com-排列三体彩专家预测| www.766672.com-学生适合买什么彩票| www.853266.com-3d彩票app-| www.921505.com-彩神关注-| www.972502.com-长沙快三查询| www.ta6.com-职业彩民心得| www.231853.com-重庆时时彩二期计划| 500彩票网www.65707l.com| www.tk02.cc-炫乐彩票是赌博吗| www.31ng.com-一三五开什么彩票| www.648.me-易彩乐快三平台| www.4253.vip-优乐彩怎么样| www.43288.com-彩票网购还恢复吗| www.735832.com-排列三乐彩吧论坛| www.60xt.com-下载3d彩票走势图| www.562085.com-乐讯手机吹吹七星彩| www.329295.com-广西福利彩票双色球| www.83885.cc-买彩票能挣钱吗|