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.67043.cc-彩票中奖符用法| www.093606.com-高频彩是骗局吗| www.203127.com-11选五彩票顺口溜| www.304623.com-体彩十一选五下载| www.386328.com-中奖彩票怎么兑换| www.825977.com-七星彩网上投注平台| www.947682.com-支付宝积分兑换彩票| 易彩网www.12455k.com| www.yx22.com-极速快三开奖网页| www.42ym.com-足彩研究方法| www.2945.vip-福彩店装修图片| www.21022.cc-深圳市体育彩票兑奖| www.91713.com-有效的彩票预测软件| www.074447.com-体彩开状-| www.385577.com-福彩每天开奖结果| www.652767.com-快三最新贴吧| www.840102.com-足彩一球盘解析| www.944942.com-彩票游泳481开奖| 中国福利彩票www.33588k.com| www.164179.com-植彩坊官方网站| www.318500.com-胜负彩任九开奖| www.404226.com-彩铅画图片卡通狗| www.577112.com-乐仑彩票人人猜球| www.680345.com-爱中彩票官方开奖| www.822373.com-城彩娱乐平台| www.917535.com-彩票停售期-| 500彩票www.512477.com| www.jp63.com-所有彩票网站大全| www.j55.top-郑州彩票一等奖| www.70dq.com-财富彩票app官网| www.26664.cc-七星彩可以打复式吗| www.88571.cc-彩票站打错号| www.108305.com-玩彩票心理-| www.183680.com-甘肃彩票快3登录| www.382059.com-点半进入精彩内容| www.645599.com-七彩神仙鱼孵化技巧| www.809185.com-玩彩票有啥技巧| www.895971.com-福彩数据统计| 幸运彩票www.031566.com| www.jq48.com-分分彩害得我好惨| www.q17.bid-河北体彩一定牛| www.82gd.com-天津福利彩票网点| www.4780.vip-世界杯彩票买不到了| www.27902.com-体彩足彩规则| www.77883.cc-疯狂小视频精彩合集| www.ev00.com-彩神争霸漏洞破解| www.zn90.com-福彩数字三玩法| www.33lq.com-体彩排列5几点停售| www.5496.cm-彩票投注站微信| www.17848.cc-彩票0369技巧| www.69938.cc-彩39彩票安卓版| www.157426.com-竞彩北单推荐预测| www.283729.com-彩票号-| www.390166.cc-12500万彩票| www.545206.com-彩票合买源码哪里| www.658598.com-彩票幸运飞艇| www.778474.com-彩20彩票下载安装| www.880811.com-淘宝买彩票合法吗| www.982217.com-福彩九加五多少钱| www.fp25.com-辽宁体彩11远5| www.zt32.com-彩虹6号墨冰多少钱| www.36cv.com-竞彩足球最新分析| www.1778.com-海南私彩软件| www.8698.site-彩票开奖百度| www.55912.cc-网投彩票犯法吗| www.004466.com-地球人彩票app| www.079592.com-广州东方快三| www.151588.cc-u9彩票靠谱吗| www.310911.com-人人中彩票平台官网| www.388733.com-盈盈彩票网址| www.554249.com-大富彩票网金福彩票| www.634811.com-七彩蓝建盏-| www.746886.com-bg彩票-| www.822142.com-胜负彩19034| www.899424.com-彩神通绕胆图| www.968149.com-开户送体彩金88| www.iy90.com-浙江体彩6+1| www.a12.cn-玩网络快三犯法吗| www.34uv.com-体育彩票排名前十名| www.0731.in-万彩影像大师手机版| www.8965.loan-彩票定胆公式| www.65221.com-福彩500期走势图| www.048800.cc-爱彩乐正规吗| www.162180.com-彩乐汇登录-| www.330620.com-上海快三安卓版下载| www.403747.com-彩票摇奖球大小| www.511334.com-彩票67分臭了一圈| www.598537.com-彩票新闻开奖公告| www.690129.com-新彩票软件下载| www.781343.com-彩票中奖概率怎么算| www.hj87.com-江苏快三单双| www.1ie.com-亚上彩娱乐-| www.92bx.com-互彩宝怎么登陆彩票| www.4718.biz-彩票中大奖的咒语| www.09605.com-福彩3g资讯-| www.57950.com-七星彩质和走势图| www.126364.com-九万彩票下载安卓| www.201750.com-河北体彩前三组遗漏| www.278029.com-惠民彩票下载| www.408691.com-老海南七星彩投注网| www.519755.com-够力七彩票奖表下载| www.685338.com-福彩3d大花猫2| www.761731.com-手机上能买福彩吗| www.888218.cc-诸葛智彩电脑版| www.993328.com-怎么玩彩票挣钱| www.tm8.cc-安徽快三遗漏软件| www.rt07.com-众彩网专家推荐汇总| www.12an.com-7位数开奖彩票2元| www.76ex.com-彩票头条app下载| www.1804.vip-8g神话彩票网址| www.03240.com-爱中彩-| www.55087.com-申航彩票是骗局吗| www.96117.cc-福利彩票上班的流程| www.073163.com-全民彩票怎么玩法| www.179197.com-安徽省快三走势图| www.276157.com-彩种最全的彩票软件| www.388684.com-福彩双色球安装下载| www.520650.com-彩票毁一生-| www.630298.com-中国t体育彩票| www.714896.com-五分彩2期免费计划| www.781414.com-彩霸王论坛资料大全| www.ce43.com-快三护手-| www.p16.org-手机什么彩票软件好| www.67bn.com-幸运分分彩在哪开奖| www.0794.cn-彩票世家app官网| www.9879.loan-淮安市福彩中心地址| www.63683.com-模拟彩票软件| www.024851.com-极速赛车彩票技巧| www.099532.com-陕西体彩11选5| www.163859.com-彩票为什么这么害人| www.283628.com-手机彩票平台哪个好| www.373453.com-500w彩票电脑版| www.505727.com-彩票买合平台| www.647989.com-鸿运网彩票-| www.755564.com-彩票3d开奖带连线| www.823268.com-58福彩是怎么回事| www.886147.com-好运时时彩小助手| www.976818.com-二审改判不退还彩礼| www.ka0.com-福彩42期中奖号码| www.nl11.com-足彩19046-| www.y31.cn-下载彩83-| www.43zp.com-七彩蓝田是不是传销| www.261.cc-北京福彩新款三| www.3098.pw-双色球彩票开奖日期| www.8124.com-彩票3d几点停售| www.22933.cc-福利彩票中两个数字| www.60775.com-海南七星彩开奖日期| www.072044.com-快频彩票软件| www.130986.com-河南开封彩礼新规定| www.195329.com-快快三走势图| www.256972.com-微彩吧苹果app| www.318065.com-福彩是那几天开奖| www.376908.com-北京娶媳妇有彩礼吗| www.593888.com-七彩坊内衣连锁| www.657733.cc-体彩排列三胆| www.747071.com-海南七星彩计划软件| www.805637.com-体育彩票星期几开奖| www.871563.com-福利彩票快乐彩玩法| www.959536.com-彩名堂网页版| 彩客吧www.88ckb.com| www.xi0.com-卖体彩-| www.og20.com-天津福彩快三开奖| www.6tc.com-竞彩分分彩-| www.49vz.com-高频彩心得体会|