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.726525.com-香港彩宝典app| www.617331.com-排列三三句话双彩网| www.720980.com-快中彩开奖结果| www.946286.com-彩经网走势图电脑版| www.cx99.com-彩票平台搭建一条龙| www.jr88.com-关于王者彩票被骗| www.500399.cc-英国五分彩开彩结果| www.547234.com-彩票对冲刷流水| www.637277.com-大师彩铅插画| www.102717.com-时彩推广-| www.681526.com-辽宁福彩中心地址| www.906270.com-彩色粉末是什么东西| www.143547.com-高频彩赚钱吗| www.657083.com-中奖福利彩票号码| www.812603.com-七乐彩走势带连线| www.401146.com-时时彩黑马人工计划| www.555002.com-吹吹七星彩本圈首页| www.789621.com-中国竞彩篮球销售额| www.882670.com-彩票时时乐开奖结果| www.954572.com-浙江体育彩票6加1| www.de9.com-分分时时彩计算公式| www.as83.com-彩票坊注册-| www.17317.com-3d彩票怎么算中奖| www.650203.com-彩票买哪一种| www.731184.com-唯彩看球苹果版| www.801306.com-摇骰子彩票江苏快3| www.874392.com-精彩十分玩法图片| www.943642.com-703彩票投注站| www.991512.com-网投彩票平台| www.cg06.com-快三代理平台| www.wt07.com-快三中奖助手电脑版| www.85eo.com-足彩复式转9软件| www.9618.pw-彩经网新版排三| www.089664.com-体彩怎么中奖| www.880017.com-三3d彩吧图库| www.zm41.com-好彩客app安卓| www.359262.com-微博彩票是真的吗| www.26891.com-彩票选号技巧书籍| www.213105.com-外围彩票平台哪个好| www.229533.com-上海福彩官网下载| www.305570.com-彩票要去店里买吗| www.388468.com-买什么彩票可以中奖| www.86531.cc-百福彩票是什么意思| www.52798.cc-福建体彩快乐11| www.029594.com-爱心彩票网-| www.j70.net-118彩票-| www.3195.in-安徽快三多久一期| www.970223.com-网络彩票老师带单| www.256326.com-彩票88下载-| www.559294.com-包头彩票中心在哪里| www.727738.com-福彩中奖查询app| www.815299.com-排列5福彩-| www.791660.com-乐彩vip无法提现| www.621061.com-光大彩票app下载| www.718602.com-看见彩虹预示着什么| www.802829.com-好盈彩票注册| www.876214.com-福彩排五走势图| www.937567.com-m5彩票-| www.983665.com-众彩网专家汇总杀号| www.uv2.com-马来西亚彩票可靠吗| www.re83.com-七乐彩兑奖表| 盛大彩票www.ct6678.com| www.hi86.com-快三一共多少组合| www.cai6900.com快三怎么玩容易中| www.98yq.com-3d高级彩报-| www.64ga.com-为什么玩快三老鼠| www.6340.in-体彩p3关注号| www.322916.com-国彩能玩吗-| www.27dx.com-合肥体彩店新报价| www.550248.com-彩票扫码摇大奖| www.696775.com-时寸彩宝典-| www.915268.com-博盈彩票-| www.13sd.com-彩票开奖排三| www.013.date-福彩校验码_家彩网| www.cp61.com-彩迷网开奖-| www.533921.com-aa牛彩会开机号| www.8397.pw-福彩各类和值谜| www.73267.com-第1彩网-| www.99151.cc-时时彩怎样玩不会输| www.941657.com-中国福彩网招代理| www.997747.com-87.cn彩票官网| www.sh80.com-时时彩app大全| www.75527.cc-福彩3d彩吧图迷3| www.044090.com-彩民乐树-| www.646212.com-老彩民计划-| www.741129.com-乐彩网手机版下载| www.n88.top-买竞彩怎么算税| www.3169.in-大通彩票在线开奖| www.511504.com-中国福彩18年销量| www.629811.com-彩票过了时间去看| www.761634.com-甘肃体彩ll前三直| www.870237.com-官方人人彩票网| www.974258.com-澳门彩票平台| www.hh3.com-快三单注中奖金额| www.uz52.com-福彩3d杀号林竹| www.33ym.com-五福彩票骗钱| www.951841.com-彩神软件破解| www.vg28.com-被彩票平台骗| www.65cg.com-福彩3d19030| www.6060.cx-足球胜负彩推荐分析| www.6190.xyz-双色球彩票福利彩票| www.307258.com-福建体彩11选五| www.276609.com-彩之源彩票注册| www.yt59.com-杜新会奇门测彩票| www.56tv.com-体彩胆拖复式投注表| www.0818.bid-网上彩票驿站骗人| www.323489.com-七星彩年后开奖时间| www.042366.com-河北快三微信群| www.822337.com-福利彩票分析| 凤凰Vwww.www.fh7557.com| www.77949.cc-体育彩票飞鱼| www.551987.com-体育彩票周一开什么| www.657999.com-口袋彩票靠谱吗| www.023527.com-彩票天罡八卦图| www.113905.com-彩票与生活报刊| www.365286.cc-彩票每个星期几开奖| www.015625.com-七星彩2元-| www.081083.com-728彩票下载安装| www.160086.com-app用什么买彩票| www.247999.com-掌聊彩票-| www.067981.com-彩票平台开发商| www.129620.com-七星彩每天几点开奖| www.188746.com-快三中了两个号码| www.680825.com-彩票上瘾能戒掉吗| www.466442.com-七乐彩守号图| www.71706.com-大众彩票源码| www.928709.com-旺财彩票网址| www.2348.pw-体彩走势图排列五| www.999518.com-福彩3d组三走式图| www.4564.biz-最简单的买彩票技巧| www.00588.cc-乐彩网彩搜网| www.69hr.com-乐彩彩票论坛| www.68110.com-彩9官网下载安装| www.82806.com-东北彩网论坛| www.091210.com-八号彩票登陆网址| www.396592.com-新彩票论坛-| www.560850.com-博奥彩票软件下载| www.4430.vip-人人快三开奖查询| www.777515.com-星鱼娱乐时时彩| www.965642.com-万达彩票官网| www.494125.com-京彩7515网页| www.596107.com-微信玩彩票-| www.955305.com-下载80彩全新版| 500彩票www.52072s.com| www.158211.com-彩通网-| www.165085.com-中彩在线总经理| www.255467.com-快三预测一定牛北京| www.218705.com-彩票兼职每小时50| www.348628.com-51彩票计划-| www.427474.com-河南福彩跑马攻略| www.770380.com-福利彩票报纸| www.3mb.com-天彩翼飞包包怎么样| www.834484.com-日景彩烟价格49发| www.907861.com-合肥体彩-| www.977623.com-纸箱彩印与覆膜| www.cs5.com-分分快三假的| www.mn80.com-白菜网彩金-| www.69163.cc-马来分分彩开奖结果| www.04270.com-福彩双色球多少个球| www.745434.com-顶呱刮彩票运| www.859317.com-今天福彩体彩开机号| www.916037.com-靠得住的私彩平台| www.969812.com-淮安体彩e-| 天下彩www.440689.com|