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天

知道了
9彩注册 www.395963.com-苹果彩虹壁纸| www.yu59.com-山东体彩论坛电脑版| www.013.cc-新疆浩彩快三| www.98473.com-分分彩后一公式| www.263971.com-网上时彩合法吗| 超级彩票www.901180.com| www.19og.com-解密彩票的真假| www.029.hk-梦彩票查询-| www.3786.vip-全天重庆时彩计划| www.9698.me-体育彩票几点出| www.55920.com-彩票170com| www.017791.com-彩票投注计算器软件| www.299523.com-体彩开奖查询彩票| www.376757.com-彩威网开奖结果报码| www.9169.loan-3b家彩开奖-| www.55370.com-时时彩最佳打法| www.481110.com-彩印中级包有什么用| www.hx35.com-秒速快三单双最稳法| www.49499.cc-百万彩票是不是假的| www.409234.com-vr三分彩-| www.637166.com-小米彩虹电池电量| www.345646.com-3d彩漫时间停止| www.119673.com-快三最长遗漏多少期| www.062450.com-发大财彩票骗局| www.259723.com-手机版安徽快三计划| www.3418.org-好彩酒楼江北店| www.89088.com-快三走势图乐彩网| www.263582.com-中彩网大乐透走势图| www.369798.com-体彩几点封机| www.75629.com-32期福彩-| www.606800.com-彩票摇号软件下载| www.8020.cc-十字彩票怎么下载| www.38322.com-彩贴吧49949| www.16775.com-瑞彩祥云手机app| www.023086.com-排列三预测天吉彩票| www.685199.com-江苏快三定牛| www.tn86.com-老快三遗漏-| www.250543.com-彩票怎么代理| www.076167.com-彩票狂人是骗局| www.175262.com-做快三代理赚多少钱| www.006859.com-安徽体彩中心电话| www.212243.com-体彩大发快3| www.721677.com-破解彩票软件的网站| www.205448.com-澳门博彩app| www.8068.loan-名家水彩花卉| www.104886.com-彩票追号什么意思| www.973507.com-彩虹歌词羽泉| www.730939.com-和彩云是什么收费吗| www.816197.com-众彩网专家汇总排三| www.922936.com-白小姐信封彩图最新| www.984512.com-123手机彩票| www.144738.com-快三号码的形成| www.166820.com-快三助手推荐号| www.326981.com-彩票工具软件大全| www.435449.com-彩票33-| www.525631.com-极速时时彩计划网址| www.194648.com-福彩好运2-| www.1216.vip-福彩开奖作假| www.45hm.com-香港福彩冂户| www.bf76.com-英国5分彩-| www.188259.com-江苏快三奖金规则| www.389364.com-东莞长安福利彩票店| www.545581.com-网络彩票推广| www.614155.com-体彩票开奖号| www.779830.com-商场里的彩票游戏机| www.904954.com-分分快三推荐| www.973124.com-凤彩网彩票官网下载| www.26378.com-710彩票平台| www.91010.cc-好彩2奖金-| www.102874.com-乐和彩登陆首页| www.15si.com-体育彩票装修简介| www.163268.com-买很多彩票-| www.243550.com-彩票数字3单式开奖| www.315865.com-山东十一选五爱彩乐| www.400119.com-重庆市彩是官方的吗| www.531193.com-彩铅画涂色搭配技巧| www.939781.com-彩98彩票官网| www.984372.com-福彩双色球自己选号| www.qi52.com-下载立彩app| www.234248.com-快三害人-| www.361244.com-彩票三d彩友论谈| www.1973.mobi-河南体彩481奖金| www.390806.com-生肖彩票app| www.620799.com-世界彩票协会| www.695888.cc-新浪中国竞彩对阵| www.862889.com-7乐彩开奖直播| www.940062.com-最新彩票33安卓版| 百姓彩票www.bxcp4.com| www.63753.cc-古建彩绘教程视频| www.cn00.com-请问福彩快三是什么| www.92fr.com-网上刷彩是什么| www.372637.com-彩61登录-| www.774845.com-快3彩票官网安卓版| www.864050.com-体彩任选二开奖结果| www.929241.com-福利彩票那个安全| www.978493.com-开发彩票程序犯法吗| www.cai6399.com江西快三遗漏| www.554960.com-手机彩票计划| www.z97.net-神彩网手机版| www.252501.com-三d彩票开奖| www.00036.com-外围彩票网站网址| www.bw58.com-快彩网官网下载| www.p39.org-大发快三大小| www.7279.cc-画画彩虹-| www.839583.com-红米竞彩-| www.120201.com-河北省体育彩票兑奖| www.801200.com-60彩票网-| www.911099.com-安徽快三最新预测| www.981920.com-福彩3d怎样算中奖| www.824244.com-七星彩买奖网址| www.914447.com-瑞彩祥云视频| www.979140.com-快三对子中奖多少钱| www.ln25.com-官方手机彩票软件| www.255426.com-大发快三网址多少| www.025817.com-福彩三地中奖窍门| www.xc58.com-特区海南七星彩论坛| www.037.in-刚力彩芽武井| www.668713.com-彩票冷热遗漏查询| www.932853.com-118彩票黑钱| www.71jp.com-河北彩票20选五| www.4726.org-南宁青秀区福利彩票| www.947366.com-彩票诈骗怎么处理| www.999150.com-中彩集团彭家| www.la02.com-福彩28下载-| www.347717.com-彩票软件真实吗| www.06mk.com-体育彩开奖记录| www.523971.com-老翁识彩专家专栏| www.647709.com-好运来彩网是真的吗| www.j56.net-时彩族-| www.53391.cc-c8万彩吧下载| www.703885.com-彩票下载领彩金| www.806382.com-菲律宾四大博彩公司| www.877534.com-时时彩专家网| www.932600.com-沧州彩色纸箱包装厂| www.974600.com-中奖彩票软件下载| 凤凰Vwww.www.fh7557.com| www.119678.com-福彩三d今天必下| www.aw76.com-快三彩票是骗人的吗| www.297056.com-乐购彩票不能提现| www.374992.com-3d彩票计算器下载| www.598117.com-怎么开彩票投注站| www.692195.com-彩票小助手五星计划| www.776591.com-福利彩票排列三| www.k56.net-好彩app靠谱吗| www.56dg.com-福彩3d的谜语出来| www.383959.com-福利彩票资格考试| www.511346.com-超级时时彩全天计划| www.298653.com-qq彩票竞猜在哪| www.783696.com-非法平台玩彩票| www.865241.com-大奖网彩票合法吗| www.927881.com-体育彩票可信度| www.iy32.com-最新福彩开奖号码| www.zg01.com-彩票推荐最好的办法| www.27lf.com-中彩票几百万| www.18484.com-彩256彩票-| www.289781.com-福彩双色球杀号| www.353067.com-公务员可以买彩票么| www.780501.com-app28送彩-| www.849688.com-腾讯三分彩稳定计划| www.083448.com-东彩彩票-| www.540518.com-迪士尼彩乐园下载| www.617173.com-彩票大奖被冒领| www.050352.com-以前干过黑彩| www.092811.com-彩色混凝土地坪做法|