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.947190.com-福彩快乐12开奖查| www.323322.com-nba彩票购买| www.7266.loan-彩虹5多少钱一架| www.561695.com-手机买世界杯体彩| www.340729.com-熊猫购彩-| www.620070.com-天空彩论坛-| www.753072.com-国家高频彩有哪些| www.286064.com-河南快三软件下载| www.410714.com-重庆时时彩的玩法| www.1we.com-内蒙古快三周公解彩| www.19ll.com-胜负彩15031期| www.702738.com-竞彩app是骗局吗| www.919852.com-彩票模拟打印系统| www.si0.com-3d彩票开奖号码| www.27sl.com-向日葵团队彩票登陆| www.fz3.cc-快三技巧数学公式图| www.xd32.com-北京快三电视图表| www.58qa.com-彩色混凝土地坪图片| www.3330.net-彩色装饰画简单| www.538126.com-重庆时时彩天天计划| www.969730.com-新昌双彩乡旅游| www.oc3.cc-江苏快三今天推荐| www.to76.com-武汉福彩快三转让| www.156.vip-用彩虹起一个网名| www.9368.xyz-彩票365改名了| www.671693.com-福利彩票3d购买| www.350962.com-彩票可以买一个数吗| www.254675.com-新浪时时彩走势图表| www.344706.com-彩票怎么查看中奖| www.j33.me-3湖北福彩0选5| www.57kt.com-助手彩之星-| www.0599.link-天天爱彩票可靠吗| www.853122.com-彩票下载安装168| www.700547.com-彩38平台-| www.096.me-彩神一号是真的吗| www.0243.tv-官方时时彩奖金多少| www.510103.com-体育彩票举报热线| www.529085.com-我附近的体育彩票店| www.956902.com-欧洲百万彩开奖| 彩神网www.csw288.com| www.932702.com-118彩票靠谱吗| www.997880.com-乐彩网摘字谜总汇| www.jk68.com-快三自己-| www.746786.com-台湾5分彩-| www.819276.com-彩票大数据编程| www.884676.com-贵州体彩快三| www.949632.com-快三专家推荐号码| www.995748.com-四场进球彩预测分析| www.uk9.com-马来西亚彩票大全| www.783127.com-分分彩怎么坑人的| www.940071.com-休彩出什么号| www.986638.com-体彩排3和值速查表| www.au83.com-快三彩票软件怎么样| www.rg33.cc-广西快三作弊| www.093538.com-百度彩票开奖结果| www.8212.loan-大富彩票客服| www.4772.vip-中彩票一等奖| www.133494.com-十分快三查询| www.525874.com-全民彩票安卓版下载| www.995665.com-世界杯足彩猜比分| www.fg86.com-快三过滤器-| www.r10.cn-体育彩票是怎么买的| www.69gx.com-福乐彩是干嘛的| www.2910.net-福利彩票自助打票| www.62bc.com-台湾福彩-| www.52798.cc-福建体彩快乐11| www.255399.cc-时时彩后一稳赚公式| www.379716.com-彩天下是诈骗| www.206570.com-神州彩-| www.399395.com-体彩p3试机号码| www.2213.biz-福彩3d断组公式| www.557013.com-海南举报私彩| www.522315.com-励赢彩票是真的吗| www.647373.com-胜负彩论坛-| www.778737.com-彩票负盈利投注方法| www.949717.com-160彩票下载| www.wv19.com-电子游艺送彩金| www.2221.pw-买彩票中奖搞笑图片| www.377221.com-时时彩开奖时间间隔| www.42165.com-手机买彩票全球彩票| www.732977.com-4月16体彩-| www.826120.com-乐盈彩票手机投注站| www.909916.com-最新双色球彩民乐| www.975204.com-江苏快三大小破解| www.mb2.cc-体育彩票快三玩法| www.410582.com-梦见死人翻生七星彩| www.585032.com-好彩运官网下载| www.657446.com-今天体彩中奖号码| www.773861.com-博彩官方彩票网| www.920738.com-百万彩-| www.983320.com-上海体彩兑奖地方| www.ps25.cc-3d福彩丹东全图| www.232044.com-旺彩大乐透软件下载| www.886313.com-美术作品新年彩铅画| www.4db.com-加拿大彩票大奖| www.914083.com-广西福彩网官方网站| www.595677.com-分分时时彩官网| www.00564.com-双彩网和值尾走势图| www.90xu.com-彩票开奖机器图片| www.7955.club-贵州快三遗漏统计值| www.109779.com-盈宝彩注册-| www.76qj.com-每天都可以买彩票吗| www.6296.biz-购买网络彩票犯法吗| www.28349.com-博乐彩平台下载| www.750968.com-彩店宝彩票下载安装| www.81.cc-500彩票提现规则| www.6776.org-下载aqq购彩| www.63508.com-山西广灵彩礼| www.021110.com-新宝彩票登录| www.131560.com-中彩手彩票安全吗| www.91352.cc-好彩柠檬薄荷双爆珠| www.365603.cc-幸运彩票6-| www.000843.com-体彩星期三开什么奖| www.51sz.com-爱彩乐彩票选号器| www.19598.cc-发彩网邀请码| www.019303.com-达人彩票网官网下载| www.1889.cm-易记彩票计划网| www.61010.cc-福彩1分快3-| www.7285.top-与彩虹有关的儿歌| www.006.me-五彩石竹-| 顶尖彩票www.234259.com| www.ro65.com-在哪里可以买七星彩| www.964477.com-彩票指导师-| www.61wr.com-体彩5p开奖走势图| www.71482.com-必中彩票正规吗| www.973426.com-倒带和彩虹歌词对比| www.019370.com-双色球中奖彩票图| www.zb57.com-福彩3d彩图-| www.1005.vip-火剪彩票app| www.813960.com-快购国际彩票| www.991739.com-福彩3d旺彩平台| www.5290.org-深圳市体彩店转让| www.6938.pw-七彩云南花-| www.379508.com-彩鑫争霸-| www.7357.wang-彩虹六号免费加速器| www.477782.com-英泰伟业彩票| www.966898.com-玩快彩违法吗| www.77590.com-新浪足彩竟技风暴| www.081784.com-网上彩票老师带赚钱| www.239983.com-凤凰生活彩票合法吗| www.370117.com-租彩票平台多少钱| www.673209.com-乐彩网175oo| www.782281.com-福利彩票132| www.888197.com-福彩网彩票代理| 风之彩www.66fzc.com| www.50155.cc-为什么禁止网彩| www.274559.com-快三输惨了-| www.556170.com-福彩3d图纸总汇| www.799981.com-福彩3d彩民乐| www.034538.com-外围彩票能赢吗| www.106308.com-境外足彩app| www.770058.com-七彩视界下载| www.01535.com-彩票兼职给本金代刷| www.059530.com-体彩排列5预测号码| www.241177.com-彩铅风景画-| www.511418.com-彩虹别名-| www.38dp.com-广西结婚彩礼多少钱| www.705698.com-东莞体彩兑奖地址| www.153935.com-足彩中奖高手谈心得| www.087227.com-网易彩票分析软件| www.189346.com-彩票平台信誉排行榜| www.266099.com-快购彩票网站| www.338577.com-彩票群如何拉人| www.59672.com-湖北精彩十分5d|