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天

知道了
58福彩 www.772043.com-如何举报非法彩票| www.43874.com-58彩票网有托吗| www.dj73.cc-体育彩票的玩法| www.749242.com-幸运中彩票软件| www.855577.com-各种釉彩大瓶资料| www.950445.com-体彩排三的三天计划| 同乐彩票www.029709.com| www.4619.biz-彩票中奖的秘密| www.515559.com-海鳥七星彩-| www.7900.net-曼德尔的彩票公式| www.46yp.com-有没有彩票计算软件| www.198950.com-福利彩票怎么算中奖| www.358561.com-两元彩票走势图大全| www.490225.com-手机淘宝哪里买彩票| www.578800.com-彩民中一等奖| www.318359.com-北京三分彩开奖号码| www.400434.com-盈彩彩控制器接线图| www.513681.com-河南快三杀号| www.588540.com-3d预测彩经网| www.664096.com-时时彩网页源码| www.749520.com-牛硅彩票开奖现场| www.637406.com-福彩基金-| www.712273.com-e彩堂app邀请码| www.786926.com-国彩网站-| www.18858.cc-彩票988-| www.851027.cc-什么网可以买足彩| www.752619.com-彩虹六号腾讯手游| www.388.space-浙江福彩网站| www.479818.com-足彩四场进球彩预测| www.594162.com-七彩云网络连接失败| www.685965.com-下载一个福利彩票| www.043156.com-彩票害人家破人亡| www.267089.com-福彩3d铁人铁胆码| www.65552.cc-不中彩票的号码| www.193542.com-惠民彩票骗局| www.681265.com-福利彩票3d第彩吧| www.821785.com-彩乐乐双色球杀号| www.963228.com-19031期足彩| www.88207.cc-小站宝彩票合法吗| www.332253.com-下载网冠彩app| www.586969.com-天天彩骗局揭秘| www.718572.com-关于彩虹的唯美句子| www.858589.com-福彩开奖36期| www.952490.com-越战越勇中两次彩票| 500彩票www.924177.com| www.xf21.com-掌上中彩是真的吗| www.555.cm-旭彩彩票网站| www.137485.com-易彩彩民-| www.369708.com-彩8彩票官方版| www.554896.com-买彩票亏了一千多| www.44114.com-4567彩票正规吗| www.739069.com-有谁知这个彩神通| www.895057.com-牛娃彩票app下载| 网易彩票www.080wy.com| www.9pw.cc-体彩一组是几位数| www.159327.com-外国3d彩票漏洞| www.198413.com-1分快三数字规律| www.43110.com-黑彩快三怎么拉人| www.223277.com-234彩票全天计划| www.826951.com-彩票怎么砍龙稳赚| www.05fl.com-吉林快三遗-| www.326828.com-中国官网中彩网| www.2301.org-天下好彩免费大全| www.9779.cn-快三的跳法-| www.44080.com-中彩游戏-| www.521737.com-重庆市彩单选走势图| www.9766.com-中围彩吧-| www.47470.cc-h5时时彩-| www.461503.com-小店宝彩票官网| www.149230.com-福彩29选7走势图| www.262196.com-快三遗漏号码| www.427175.com-网上彩票靠谱么| www.554655.com-下载体育彩票走势图| www.623549.com-曲昌春讲故事看竞彩| www.696941.com-彩神帝8快三| www.764885.com-808彩票网册子| www.825972.com-赢彩争霸app| www.886668.com-丹东福彩双色球杀号| www.951490.com-彩票开奖查询询| www.998111.com-福彩任三-| www.dl31.com-快三怎样看豹子| www.us84.com-快三豹子一注多少钱| www.16gy.com-幸运彩票最新版| 大玩家彩票www.84499q.com| www.731993.com-彩票论坛17500| www.828186.com-龍之彩彩票-| www.903154.com-盈众彩票幸福常伴| www.969523.com-彩票计划团队哪个好| 91彩票网www.912486.com| www.505446.com-福彩3d-新彩网| www.210907.com-安徽福彩中奖情况| www.33gv.com-好的足彩篮彩推荐| www.021420.com-福彩快3012路| www.095231.com-福彩双色球开奖视频| www.5251.live-彩票自动投注源码| www.640175.com-新浪爱彩如何提现| www.2238.pw-历下体育彩票| www.8405.loan-吉林快三三同号单选| www.27885.cc-5省快三走势图| www.69293.com-足彩034期奖金| www.754933.com-彩票双色球几点开奖| www.957056.com-盈宝彩注册链接| www.cu70.com-十大黑彩平台排行| www.a96.cc-彩虹伞最实用的玩法| www.33wz.cc-世界杯足彩比分玩法| www.137.website彩虹屁怎么用| www.009075.com-贴吧彩票-| www.081079.com-贵州快乐彩开奖结果| www.142225.com-彩票考业分析选号器| www.0834.mobi-哪个平台可以买足彩| www.585731.com-申航彩票-| www.029635.com-大众彩票app下载| www.53231.com-快三456多少钱| www.g27.in-彩宝彩票cb6| www.673002.com-体彩排三乐彩论坛| www.0173.blue-颜色的彩色-| www.05244.com-彩500平台-| www.028132.com-信博彩票app| www.622373.com-星彩手机网-| www.972194.com-快三在线计划网| www.qp07.com-吉林快三计划网址| www.48ep.com-蜀国张星彩-| www.4222.vip-国际福彩是什么意思| www.288484.com-大中华彩票高手论坛| www.786658.com-快三的技巧-| www.018431.com-彩票规律破解| www.758313.com-日日彩票靠不靠谱| www.504922.com-赢彩缩水手机版下载| www.720128.com-七星彩四位数玩法| www.586310.com-人人彩票是真是假| www.51cc.com-足彩大富翁app| www.021157.com-湖南福彩网论坛| www.353222.com-668彩票网平台| www.079342.com-三分快三最高多少倍| www.4680.in-家彩网千禧试机号| www.144031.com-足彩胜负奖金计算器| www.939522.com-黑龙江福利彩票网| www.42ad.com-唯彩足彩进球预测| www.473889.com-福利彩票是假的吧| www.117716.com-快乐彩票官网下载| www.159345.com-海南快三官方网站| www.950333.com-红旗彩票三站下载| www.913091.com-五分彩基本走势图| www.98ln.com-广东体彩投注点申办| www.61ai.com-零三八彩票-| www.1080.me-时时彩打流水方法| www.7979.org-网上博彩骗局有哪些| www.96319.cc-订婚彩礼钱能退吗| www.957744.com-福彩体彩会不会合并| www.62862.com-310足彩直播| www.041996.com-国外彩票开奖号码| www.37873.cc-c02彩票网-| www.72509.com-福彩3d38期分析| www.533335.com-中国福彩攻略| www.518314.com-时时彩输了能上岸吗| www.691308.com-竞彩牛庄-| www.887181.com-网上彩票是真的吗| www.7670.org-彩票会不会有作假| www.19qb.com-彩仙阁手机版| www.92273.cc-福彩双色球字谜解释| www.460093.com-验证手机号码送彩金| www.656127.com-福彩3d11和值| www.863433.com-高频快开彩票有哪些| 55彩票www.755864.com|