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.4364.cc-2007年福彩和值| www.2054.in-彩神通四码资料网站| www.484933.com-彩票团队大小计划| www.574300.com-体育彩票计算| www.um70.com-乐彩网首页3b| www.51261.cc-福彩三地走势图表| www.097351.com-体彩福利彩票双色球| www.189143.com-体彩快3走势图| www.766496.com-上海快三三同号预选| www.125037.com-腾讯一分彩开奖官方| www.032751.com-乐彩合买是骗局| www.339623.com-手机上的彩票游戏| www.591448.com-澳门快5彩-| www.6058.vip-彩票破损还能兑奖吗| www.172923.com-贵州福彩双色球| www.119783.com-阿里巴巴福彩赚钱吗| www.131097.com-开封彩礼多少钱| www.33lu.com-体彩购买时间到几点| www.41662.com-竞彩2串1赚钱技巧| www.6yh.com-华人官方彩票网站| www.88798.com-彩票大师软件怎么样| www.ar34.com-湖北省福彩官网| www.oj90.com-内蒙古快三选号口诀| www.mh64.com-好彩合法吗-| www.3873.bid-中国足彩官网平台| 豪彩VIPwww.8fk.com| www.057095.com-安徽快三王-| www.477725.com-中国福彩网积分| www.537582.com-威尼斯怎么去彩色岛| www.sp35.com-610彩票官网| www.356199.com-年会彩票中奖归谁| www.987759.com-505彩票本着| www.er63.com-中原福利彩票开| www.47xv.com-彩票投注计划网站| www.ma77.com-北京时时彩走势图| www.814184.com-大掌柜彩票是真的吗| www.588041.com-彩票空打机官方网站| www.229519.com-彩6精华版app| www.333665.cc-送人的彩票中奖了| www.6314.xyz-大彩网址-| www.32557.cc-足彩任选九奖金| www.71jz.com-周公解梦买彩票| www.513644.com-彩票双色球兑奖表格| www.8796.biz-ai彩腾讯-| www.371162.com-时时彩下载app| www.14tc.com-7星彩规-| www.165329.com-芜湖福彩中心| www.79433.com-彩友网上购买彩票网| www.038367.com-彩票智能选号工具| www.15227.cc-彩吧首页论坛首页| www.003274.com-彩票在什么平台玩| www.098009.com-网上彩票平台排行| www.14xp.com-胜利彩官方客服电话| www.893581.com-时时彩出豹子规矩| www.974335.com-3000万彩票平台| www.as93.com-2d福彩玩法-| www.705033.com-做彩票网站赚钱吗| www.800964.com-大众彩票源码| www.882757.com-易彩网正规吗| www.963296.com-彩铅花卉手绘图片| www.cp2668.com-福彩快三口诀表| www.71830.com-彩虹店铺-| www.113467.com-买彩票的qq群| www.562408.com-吉利彩票电脑版| www.654052.com-258nba竞彩-| www.744033.com-01官方彩票苹果| www.828581.com-518彩官网开户| www.906069.com-中国竞彩比分直播| www.975149.com-最好的彩票查询软件| www.ln2.com-快三跨度图表| www.tc82.com-快三豹子后面出什么| 计划软件-创名彩票怎么样| www.0828.vip-国家彩票改制| www.79881.cc-123彩图-| www.03ap.com-酷彩提现不了怎么办| www.350398.com-澳洲3分彩开奖记录| www.id36.com-网上彩票快速挣钱| www.62pq.com-彩票税多少-| www.23368.cc-v凤凰彩票平台| www.66172.cc-体彩大乐透机选器| www.632385.com-666彩票官网| www.61181.cc-购彩网79-| www.472330.com-福彩小说-| www.cp9787.com-青海快三开奖详情| www.ms48.com-彩票快3的技巧| www.ly92.com-中彩之家-| www.684114.com-恒大彩网下载| www.085909.com-速8彩票提现不到账| www.649689.com-彩博赌博正规网站吗| www.733637.com-福彩双色球多久一次| www.815322.com-视频彩票-| www.757918.com-福利彩票投注站佣金| www.827593.com-足球竞彩分析| www.ry16.com-彩票计划群24小时| www.8616.xyz-最新足彩开奖奖金| www.387611.com-好彩里的钱怎样提现| www.507797.com-老猫彩快讯-| www.603171.com-手机福利彩票网| www.98441.com-福建快三几点开始| www.022120.com-澳客网彩网-| www.115450.com-竞彩足球必发的作用| www.55353.cc-时时彩盘-| www.66895.com-中奖的彩票怎么兑奖| www.40ap.com-7星彩近200期| www.914933.com-淘彩票是坑人的吗| www.981114.com-投诉福彩-| www.hf70.com-购彩网官网下载| www.004441.com-乐购彩票计划| www.fx66.com-安徽省福利彩票快3| www.196100.com-幸运快三怎么看规律| www.104608.com-海南彩票七星彩| www.20275.com-万达时时彩官方平台| www.0320.loan-彩票店可以过户吗| www.9659.pw-浙江快乐彩精准预测| www.69445.com-五百vip彩票网| www.76qk.com-阿里彩票平台| www.454048.com-彩妆化妆品哪家好| www.231173.com-购彩网app下载| www.223388.cc-江苏省福彩-| www.849022.com-足彩胜负彩开奖奖金| www.508148.com-彩票套票如何打印| www.29ew.com-体彩四场三串一| www.028848.com-家彩网3d排三胆码| www.254923.com-快三预测号码软件| www.315059.com-篮球彩票怎么买| www.513770.com-网上买彩票怎样兑奖| www.581573.com-竞彩网名-| www.998036.com-快发彩票是什么| www.rz5.cc-腾讯分分彩计划| www.648793.com-七彩辣椒种子| www.864242.com-彩票123谁有链接| www.718.hk-vr重庆时时彩开奖| www.025381.com-七乐彩五百期走势图| www.538598.com-必赢彩票公告| www.90905.cc-八亿彩app苹果版| www.116136.com-500彩票网pc板| www.218286.com-快三官方开奖公正吗| www.351208.com-福彩3d购买时间变| www.15ei.com-体彩七星-| www.0097.cm-体彩店名字-| www.02188.cc-齐齐彩票-| www.3007.pw-时时彩组六玩法| www.941657.com-中国福彩网招代理| www.121343.com-高频彩多人买时间| www.285930.com-36o彩票网-| www.889606.com-凤凰彩票苹果手机版| www.vl71.com-辽宁快三开奖查询| www.53425.com-彩虹儿童画图片| www.028199.com-彩之王是不是真的| www.024427.com-于盛彩票-| www.141101.com-43cc看彩结果| www.260844.com-重庆时时彩查看网址| www.687071.com-广东福彩官网手机版| www.9722.org-彩宝怎么鉴定| www.6564.vip-美国彩票16亿美元| www.287859.com-快三预测软件苹果版| www.hf78.com-手机106彩票下载| www.275611.com-北京市福利彩票快三| www.da46.com-彩神8安卓版| www.cv80.com-彩票返点高的平台| www.508970.com-腾讯欢乐竞彩靠谱吗| www.953926.com-彩票店打错票怎么办| www.qi32.com-好彩一八解生肖| www.03xh.com-玩快三跳楼-|