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.1908.cn-非凡彩票3d预测| www.299131.com-大发时时彩预测软件| www.547234.com-彩票对冲刷流水| www.7099.biz-建盏如何烧出七彩| www.1488.org-腃龙时时彩做计划| PK彩票www.www.23040.com| www.23hb.com-123ls天下彩| www.ij15.com-福彩3d和值查询表| www.325525.com-海南四彩开奖结果| www.hq.com-福利彩票快3下载| www.rr06.com-高频彩票20分钟| www.990138.com-官方网时时彩被骗| www.4861.com-688彩票审核| www.10240.cc-腾讯5分彩全天计划| www.568745.com-双色彩票开-| www.84ge.com-12选5快乐彩下载| www.139522.com-彩c16安卓-| www.258564.com-篮彩比分直播| www.359350.com-彩票真假怎么看| www.499487.com-八度彩票-| www.603585.com-梦见自己彩票没中奖| www.713395.com-3d彩票守号三年了| www.799140.com-网彩交流群-| www.892745.com-彩票缩水软件有用吗| www.978608.com-c彩票开奖-| www.hl73.com-彩票121-| www.5978.cm-中国体育彩票终端机| www.947445.com-福彩3d购买预测| 博发网www.789199a.com| www.lz66.cc-时时彩大全下载| www.v78.xyz-拉萨福彩如何申请| www.cm65.com-十大信誉彩票平台| www.54lf.com-快三49期-| www.466949.com-七乐彩月牙23专家| www.567252.com-沈阳旋风彩虹机| www.14159.cc-乐彩app官网下载| www.193523.com-关于长春逸彩快三| www.560509.com-体彩三地试机号今天| www.662027.com-万家乐时时彩总代理| www.753572.com-cp彩票网站大全| www.823698.cc-福彩的双彩图| www.903154.com-盈众彩票幸福常伴| 幸运彩票www.444539.com| www.17255.cc-足彩通app-| www.851331.com-时时彩最稳根几期| www.970046.com-彩神通福彩拼搏在线| www.ep78.com-什么是快彩-| www.13vh.com-2019清明节彩票| www.17815.cc-快三猜一个号码| www.1314.net-体彩刮刮乐试刮| www.00149.com-双色彩票开奖时间表| www.664846.com-家彩民之家提供香港| www.839616.com-河北快三图表| www.30584.com-彩票查询排列3| www.6656.cn-分分彩九码必中公式| www.310279.com-今日湖北快三推荐| www.964614.com-搜狐彩票资讯| 鑫彩网www.xcw866.com| www.297575.com-v8彩票app-| www.496335.com-查福彩上期中奖号码| www.677211.com-哪里有福彩3d的书| www.680769.com-四川福利彩票双色球| www.024492.com-下载内蒙福彩大家乐| www.659063.com-体彩排列三开奖信息| www.309344.com-体彩排列3怎么玩| www.129445.com-彩票快三中奖多少钱| www.np12.com-福彩3d手机版预测| www.150476.com-千禧彩票导航| www.81iu.com-中国福彩积分卡注册| www.4442.xyz-奇妙趋势彩票分析| www.wp51.com-彩票趋势分析| www.183892.com-河南快三中奖金额| www.ig05.com-中国快三投注技巧| www.32fi.com-2m免费彩票-| www.2581.wang-今天七彩彩票| www.696802.com-全国赌竞彩的人| www.778982.com-新浪彩票彩报网| www.861202.com-立彩1分快3-| www.712.live-猜大小的彩票app| www.0759.love-锋彩直播tv破解| www.578437.com-彩纸手工-| www.99ys.com-体育彩票分哪几种| www.881957.com-宝盈三分彩全天计划| www.800562.com-万豪彩票官网下载| www.862667.com-体彩大乐透开奖| www.446991.com-七乐彩17151| www.6333.net-传奇彩票是赌博| www.62657.cc-香港马会彩先知网| www.88296.cc-澳门威尼手机彩票网| www.176769.com-福彩五分快三邦投| www.4855.in-梦梦见自己买彩票| www.698157.com-6十1体育彩票下載| www.768926.com-今晚3d东盛彩报| www.865982.com-福利彩票怎样注册| www.947879.com-南国彩票论坛规律| 买彩网www.mcw6.com| www.536963.com-中国福利彩票双色珑| www.v77.net-微信彩票群拉人技巧| www.061070.com-国内最大的购彩软件| www.078478.com-七星彩几个号有奖| www.007712.com-3d乐彩网开奖号码| www.tp12.com-福彩快3走势图武汉| www.118543.com-博彩租卡-| www.92748.com-芸彩数字营销骗局| www.080521.com-彩八app下载| www.523281.com-彩种已停售-| www.870133.com-有人拉我做uc彩票| www.503778.com-手机百度扫彩票| www.582181.com-福彩门户ok58| www.523311.com-彩汇纺织-| www.590823.com-睢宁福彩中心在哪里| www.672585.com-彩八仙电脑版| www.761319.com-宝马娱乐平台彩票| www.863908.com-买彩票有什么规律吗| www.921316.com-中彩网有没有假| www.973851.com-彩巴图库第二版| 彩票站www.316530.com| www.181678.com-快三走势图安徽| www.261916.com-彩票中奖全部查询| 博乐彩票www.995771.com| www.553022.com-体育彩票中心网| www.n26.site-南方双彩网电脑版| www.84666.cc-福彩3d研究心得| www.233128.com-体彩黑龙江6+1| www.43mf.com-竞彩足球游戏包括| www.15jk.com-彩票幽默广告语大全| www.0921.top-彩票合买机会多吗| www.19ae.com-大乐彩开奖结果| www.2519.wang-购彩大厅江西快三| www.7007.org-福彩2d山东地区| www.8373.loan-海南七星彩系统出租| www.224528.cc-天天快三在线| www.963822.com-500彩票pc版| www.099063.com-福利彩票app正版| www.591159.com-男方不给彩礼钱| www.796713.com-彩票追号万能计算器| www.996098.com-腾讯分分彩惊人骗局| www.zx.com-彩票11选五-| www.x86.pw-马尼拉手游彩票| www.398902.com-苏州彩盛纺织有限公| www.504646.com-彩排的目的-| www.883685.com-彩之王是什么| 天天彩票www.206883.com| www.5583.vip-小彩牛彩票是真假| www.22126.com-256是黑彩票吗| www.51339.cc-好彩客是不是诈骗| www.20001.com-大红鹰彩票网欢迎你| www.78113.com-十六号体彩中奖号码| www.773421.com-体彩五d排列结果| www.cai2020.com北京快三跨度一定牛| www.39189.com-6188彩票可信吗| www.60355.cc-大数定理和彩票| www.024409.com-重庆时时彩出号口诀| www.101667.com-新彩票网走势图首页| www.810807.com-彩尊国际是黑平台| www.892909.com-vip彩票平台| www.970505.com-安徽体彩网唯一官网| 好彩头彩票www.90305f.com| www.cy55.com-大发时时彩免费计划| www.sb15.com-福彩体彩杀号定胆| www.578817.com-彩票投注站装修设计| www.654719.com-七星彩心灵码仙今天| www.2jf.com-冠军彩票网-| www.692462.com-乐米彩票竞彩网|