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天

知道了
百盈PK10 www.036621.com-3d彩票预测软件| www.862624.com-七乐彩开奖查询今天| www.x73.club-彩票投诉平台| www.61md.com-心脏彩超入门视频| www.6448.net-500彩票人-| www.28931.cc-彩票人为控制证据| www.036342.com-晓风彩票官网| www.213918.com-彩神争靠谱吗| www.325986.com-3d杀号定胆彩经网| www.122080.com-9场胜负彩开奖结果| www.952734.com-两分彩-| www.110693.com-今天七彩-| www.208527.com-福利彩标-| www.356837.com-彩票复式规则| www.582279.com-网冠彩-| www.716192.com-皇家时时彩计划下载| www.934893.com-8号彩票网址多少| www.sf89.com-我乐时时彩计划| www.42qt.com-家彩网杀码3d| www.202785.com-贵阳福彩-| www.383323.com-3块钱一注的彩票| www.525696.com-重庆市彩开奖时间| www.670645.com-內蒙福彩-| www.987420.com-合法的网络彩票平台| www.287342.com-台北快三走势图| www.527936.com-彩票历史数据| www.754692.com-菲律宾信誉彩票网站| www.964404.com-2元彩票下载安装| www.48vs.com-哪种彩票公正| www.494403.com-沈阳铁西彩票站出兑| www.590179.com-非凡全国彩票走势图| www.530905.com-彩票选号绝技| www.732570.com-体彩排三19050| www.q70.org-福利彩票.com| www.30380.com-双彩论坛福彩3d| www.122895.com-彩53平台安全不| www.122900.com-海南天天中彩票| www.259752.com-彩票选号器手机版| www.350708.com-彩色激光打印机硒鼓| www.j76.me-红五图库、彩吧网| www.7934.vip-头彩彩票网页版| www.633206.com-众乐彩是不是骗人的| www.716373.com-敬力七星彩奖表| www.799099.com-福彩中心代销| www.889630.com-七乐彩票下载| www.962409.com-福彩三的和尾走势图| www.cp6836.com-湖北快三遗漏数据| www.os88.com-彩票手机购彩app| www.22aq.com-状元彩票网-| www.1215.in-乐彩网静态版双色球| www.95qt.com-足彩竞彩分析预测| www.8082.hk-彩票三个骰子叫什么| www.22il.com-拍拍贷彩虹计划| www.062327.com-乐彩网排三开奖结果| www.265923.com-宁夏体彩总部| www.498773.com-韩国足球彩票网| www.619070.com-云南省彩票中心| www.739404.com-竞彩足球微信群| www.871068.com-彩票计算器下载| www.973619.com-废彩票叠一艘航母d| www.gj86.com-分分快三开奖| www.702891.com-彩票纠纷案例| www.886012.com-彩虹屁语录-| www.09pz.cc-彩民之家论坛手机网| www.6jv.com-彩票走势算法| www.026681.com-辉煌彩票是合法的吗| www.190113.com-内蒙古时时彩走势| www.349268.com-如何中彩票-| www.663225.com-新浪彩票机选| www.998739.com-明发彩票mfa08| www.792776.com-彩票中奖符如何画| www.912235.com-大发彩票是真的吗| 鑫亿彩www.031059.com| www.zy9.com-河北省福彩快三| www.781439.com-卓易彩票正规吗| www.341221.com-四季彩票-| www.6328.pw-福彩3d一点通字谜| www.077028.com-vr三分彩官网| www.633515.com-幸运彩神排列三专栏| www.169834.com-吉林省快三开奖图| www.397194.com-v9彩-| www.648819.com-网易彩票是-| www.743455.com-奖多多一彩票下载| www.828673.com-福彩3d胆拖速查表| www.915185.com-小米彩票怎么没有了| www.984146.com-京东快彩是什么意思| www.kj2.com-大发快三有哪些技巧| www.cai1998.com江苏快三形态走势图| www.429379.com-利彩彩票怎么样| www.582702.com-福彩购彩平台| www.692084.com-彩乐乐网杀号| www.767554.com-福利彩票3d72期| www.051234.cc-足彩app排行| www.oe47.com-幸运彩-| www.978298.com-新型彩钢围挡设备| www.om00.com-3d新彩吧手机板| www.1350.vip-有人中国福利彩票吗| www.635826.com-中彩票税-| www.63051.com-李小五足彩微博| www.73688.cc-杨毅竞彩猫收费太贵| www.098696.com-时时福彩下载| www.972490.com-三分钟快三助赢软件| www.x19.club-8848彩票在线| www.106346.com-今晚七星彩出什么奖| www.099755.com-讯盈彩票邀请码| www.621982.com-福彩欢乐十选五| www.0663.gg-怎么推广彩票| www.121302.com-体彩排列五随机选号| www.219609.com-快三追豹子技巧| www.308203.com-新手怎么玩彩票| www.044878.com-天天彩免费料大全| www.114892.com-500万彩票比分| www.230305.com-728彩票线路检测| www.806607.com-有体彩彩票-| www.619406.com-3d彩票攻略-| www.6593.org-邪恶帝国全彩| www.066801.com-湖北快三和尾| www.86nf.com-乐彩彩网论坛| www.889819.com-彩票排五-| www.216252.com-大马彩最新开彩成绩| www.99fl.com-了d彰彩吧图库| www.274751.com-极速时时彩口诀| www.8959.cn-彩名堂计划ios| www.65175.cc-澳客网篮球竞彩比分| www.158880.cc-龙江体彩票-| www.408679.com-彩票站春节放假不| www.629716.com-7彩app下载-| www.736219.com-利用彩票赚钱靠谱吗| www.779543.com-体彩七星开奖公告| www.47366.com-宝马彩票计划网页版| www.311646.com-体彩5d开奖走势图| www.400357.com-博9网彩票-| www.517744.com-12选5大连爱彩乐| www.582279.com-网冠彩-| www.642960.com-幸运分分彩人工计划| www.701960.com-竞彩足球比分网直播| www.781775.com-彩票直通车官方网站| www.844091.com-彩票谁管-| www.897088.com-乐彩赢真的假的| www.768020.com-彩名堂苹果手机版| www.677711.cc-银川中彩票-| www.783833.com-唯彩会大师双色球| www.901227.com-体彩排列三牛彩总汇| 亿龍彩票www.1368m.cc| www.197056.com-3d彩宝网-| www.456442.com-七乐彩官网-| www.569061.com-彩票跳槽彩金| www.670273.com-杏彩黑销钱骗人| www.784937.com-天福app购彩平台| www.879502.com-爱彩通官方网站| www.965291.com-家彩网开奖结果报码| www.ea.com-人人中彩网下载| www.922317.com-国家级体彩培训师| www.997556.com-糖果彩螽鸣虫| www.iw88.com-中国足球竞彩官网| www.31dj.cc-彩虹岛w手游官网| www.912342.com-六壬金口诀测彩| www.973909.com-彩票分析预测应用| 幸运彩票www.876899.com| www.hp28.com-彩票号码生成器| www.wi55.com-六给彩票香港图片| www.997775.com-开心网七星彩论芸| www.92ph.com-福彩三十六选七| www.ck93.com-网上彩票代理犯法吗|