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天

知道了
1分快三 www.za63.com-体彩5d开奖走势图| www.452561.com-华南地区火爆七星彩| www.60rr.com-篮彩比足彩好赢钱| www.680672.com-体彩彩票店害人| www.777292.com-福彩手机可以投注吗| www.877804.com-失恋突然中彩票小说| www.965566.com-玩时时彩算不算赌博| www.cp8211.com-博众快3彩票软件| www.rh33.com-七乐彩复试-| www.217220.com-玩大发快三输了报警| www.23bw.com-体彩查询排列5| www.455946.com-彩票中大奖的人| www.256029.com-我要中彩票网站下载| www.399232.com-腾讯分分彩正规| www.512098.com-幼儿彩铅画简单图片| www.599693.com-天天中彩票还能买吗| www.678933.cc-旺旺彩票腾讯| www.45ee.com-彩虹3无人机造价| www.134706.com-蓝盒好彩香烟价格| www.738.cm-竞彩网稳胆推荐| www.7235.cm-彩虹六号要多少钱| www.41565.com-彩吧想听明天中奖| www.365401.cc-彩经网双色球预测号| www.525582.com-时时彩计划导师群| www.693910.com-国外彩票app下载| www.813505.com-彩票宁夏-| www.943189.com-网络彩票负盈利骗局| 500彩票www.401265.com| www.34383.com-菠萝彩时时彩手机版| www.252517.com-体育彩票任九奖金| www.378719.com-周口体彩中心在哪| www.527870.com-彩之家网站怎么样| www.693556.com-足球竞彩比分赛果| www.801647.com-申请福利彩票打印机| www.923205.com-彩票靠谱不-| JJ彩票www.33031.cc| www.317706.com-江苏快三走势图带连| www.441360.com-福彩三d便民开机号| www.568946.com-腐女彩图百度云| www.654581.com-排五是福彩吗| www.728267.com-附近竞彩店-| www.792976.com-绵阳福利彩票官网| www.088093.com-新浪足彩直播吧| www.803176.com-七五课堂彩票| www.382257.com-马云的网上彩票社区| www.28193.com-彩票暴利-| www.435039.com-什么是彩票开机号| www.595883.com-体彩排五开奖专| www.751579.com-世界杯足彩澳门盘口| www.87uo.com-澳博彩票计划| www.7662.vip-彩票万能码-| www.63879.cc-竞彩14场二等奖| www.754105.com-彩经彩票代理| www.153379.com-福彩种类和玩法| www.190108.com-内蒙古福彩兑奖中心| www.976482.com-河南体彩兑奖地点| www.267448.com-彩票筛选工具| www.821169.com-体彩十一运夺金玩法| www.832479.com-七彩云app官网| 全民快乐8www.qmkl9.com| www.13kj.com-彩智彩票下-| www.5520.biz-有什么好的彩票网| www.133843.com-大发快三倍投方案| www.006929.com-体彩任选3技巧| www.so99.com-时时彩和值看号经验| www.759.net-时时彩和值玩法| www.27xv.com-十二生肖彩票网站买| www.042.online-免费彩票代打骗局| www.360150.com-七星彩内部透露信息| www.5594.pw-彩票到家app| www.085131.com-今日福彩相年富| www.726379.com-电脑版足球彩客网| www.276648.com-菲律宾彩票-| www.365569.cc-彩铅教程视频| www.507825.com-九州彩票如何| www.712879.com-杏耀分分彩骗局真相| www.846502.com-足彩比分投注规则| www.939900.com-彩票快讯网-| 福彩www.86267z.com| www.954025.com-发达彩票网站| www.4675.net-福彩能连买几期| www.483187.com-快三在线计划| www.wt3.com-牛彩快三走势图湖北| www.tm05.com-玩彩研究生福彩预测| www.720114.com-私彩七星彩稳赚技巧| www.850729.com-中国体彩几点停售| www.930191.com-网上买的福彩快三| www.980440.com-火箭彩票网是哪里的| www.cp9737.com-快三计划追号盈利表| www.vl03.com-福彩快开游戏调整后| www.36511.com-澳門彩票有限公司| www.937105.com-福运彩票官网| www.f79.net-马来西亚博彩| www.7933.in-彩宝都有什么| www.407714.com-足球竞彩胜平负技巧| www.11ax.com-宝钢彩钢瓦价格| www.1615.wang-云彩网彩票正规吗| www.jp32.com-凤凰生活无纸化彩票| www.83tq.com-武汉七波彩-| www.393828.com-体彩刮刮乐兑奖问题| www.tt32.com-足球彩票在哪买网上| www.101147.com-彩运8计划-| www.190226.com-福彩快三怎么玩稳赚| www.276563.com-高反水彩票平台| www.365810.com-彩票刑事案件| www.451618.com-分分幸运彩票| www.538298.com-彩云国小说-| www.602428.com-彩票中大奖的咒语| www.669561.com-上海彩钢屋面防水| www.740425.com-福彩幸运28怎么样| www.826532.com-马云彩票号码推荐| www.892278.com-福彩3d3d下载| www.951545.com-红彩网邀请码在哪里| 彩票3www.891079.com| www.kf10.com-酷彩正规吗-| www.060781.com-私彩和官方有关系的| www.204891.com-内蒙古快三开奖直播| www.304423.com-澳门彩票投注app| www.367959.com-七星彩乐文| www.465844.com-手机下载的彩利坑人| www.544859.com-长沙市彩票店转上| www.608591.com-彩宝贝手机版下载| www.686600.com-五百彩下载-| www.759577.com-中华福彩app| www.245144.com-易彩网彩票大厅| www.374164.com-郑州畜牧路福彩大厦| www.187.red-彩铅幼儿画图片大全| www.5184.cn-河北体彩玩法介绍| www.473520.com-福彩3d今晚杀码| www.eg53.com-体彩大乐透开奖走势| www.48wp.com-彩票领奖中心| www.16625.cc-彩票万彩网-| www.86183.cc-彩票360数字大厅| www.317431.com-四川体彩开奖公告| www.429283.com-利彩开奖下载| www.540752.com-福利彩快3-| www.604595.com-d9彩票登陆-| www.669766.com-海南私彩怎么包码| www.730632.com-谁知道易彩快三计划| www.637698.com-彩虹六号sbr服| www.709737.com-5亿彩靠谱吗| www.777873.com-汇彩网贴吧-| www.838769.com-手机能买竞彩吗| www.892067.com-竞彩彩票-| www.948564.com-福彩3d属相-| www.984863.com-三宝生活体彩屋注册| www.sq6.com-重庆时彩下注平台| www.lz65.com-重庆时时彩新版本| www.f81.top-掌上彩票下载| www.956333.com-七星彩开出什么奖| www.778872.com-查彩票的电视剧| www.2110.cn-彩虹五号无人机售价| www.02640.cc-彩票领奖可以代领吗| www.556935.com-永利彩票平台可靠吗| www.675233.com-我查询福利彩票| www.803541.com-体彩6加1开奖时间| www.871019.com-71彩是正规的么| 来运彩票www.5555y.cc| www.387208.com-558彩票网平台| www.521197.com-福星彩图库1| www.606537.com-博盈彩票平台地址| www.692313.com-网上赌时时彩害死我| www.788124.com-哪里能买中超彩票| www.6283.vip-体育彩票合作app|