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天

知道了
彩票123现在叫什么名字 www.966822.com-宝马彩票计划网站| www.191675.com-人人中彩票手机安装| www.879027.com-时时彩买单双技巧| www.122423.com-彩世界时时彩软件| www.895386.com-华彩是传销吗| www.36127.cc-盛源彩票app下载| www.094896.com-优彩在线彩票赔了| www.cp7026.com-彩票坊江苏快三被骗| www.cp5537.com-北京快三查询结果| www.mq8.cc-安徽快三输钱| www.503808.com-体彩代码-| www.7cw.cc-公司送彩票608万| www.779.live-福彩店门店效果图| www.86299.com-竞彩足球8串28| www.218249.com-百盈五分快三| www.90nr.com-澳门博彩监察| www.784633.com-手机在线彩票| www.44750.com-网上快三倍投计算器| www.405647.com-神彩争霸是骗人的吗| www.621671.com-至尊彩怎么盈利的| www.818818.cc-今日足球竞彩二串一| www.988666.com-期期彩票-| www.10ib.com-冠彩网怎么进不去了| www.629433.com-佳能彩色打印机价格| www.965893.com-新彩票走势图表| www.774576.com-七星彩17022| www.721962.com-118彩票网站| www.4247.cm-好彩二复式计算表单| www.019968.com-37彩票-| www.137848.com-大信彩票app| www.223857.com-竞彩比分500直播| www.329124.com-全国快三走势图| www.397310.com-近一期的福利彩票| www.576988.com-好彩彩票官网| www.657739.com-江苏快三手机客户端| www.2869.xyz-360购彩网-| www.25752.cc-亿宝彩票-| www.73765.cc-那个网址可以买彩票| www.356934.com-谁的朋友中过彩票| www.6974.biz-七彩娱乐注册| www.735055.com-彩票买哪一个| www.857833.com-盈彩快3-| www.320007.com-彩金龙游戏机| www.417328.com-福利彩票站转租转让| www.540260.com-玩彩网触屏版首页| www.647234.com-胜负彩购彩技巧| www.733565.com-全民彩票赚钱吗| www.837053.com-足球竞彩一定牛下载| www.934581.com-天天赢彩票平台代理| www.993686.com-竞彩单关历史| www.aw04.com-快三口诀定胆| www.wt33.com-金沙国际送彩金18| www.071558.com-体育彩票的盈利| www.18161.cc-竞彩足球比分完场版| www.73973.cc-彩票程序代码| www.187520.com-重庆市彩时彩结果| www.285239.com-彩票跨度打法| www.089581.com-全民汇彩票-| www.236518.com-福彩投注平台下载| www.301507.com-808福彩是骗局| www.392078.com-福建体彩在线投注| www.585409.com-阿理彩票是什么网址| www.689813.com-新浪彩票官网| www.773641.com-九鼎送38彩金| www.853310.com-立彩彩票苹果| www.911777.com-彩53彩票领跑者| www.981968.com-六福彩下载-| www.hd74.com-购彩吧软件-| www.572956.com-网络彩票是违法的吗| www.097473.com-快三微信群shy| www.176773.com-福彩五分快三兼职| www.243355.com-快彩网平台是真的吗| www.351595.com-彩票开奖了也可以买| www.97hv.com-给彩金的游戏| www.1ir.com-玩彩票开两号对压| www.077220.com-派彩每日推荐下载| www.151299.com-彩民乐钱树图| www.227151.com-彩吧中国彩吧| www.675892.com-订婚彩礼钱图片| www.758580.com-福彩网是什么性质| www.dl10.com-118彩票软件| www.zy06.com-安彻快三跨度走势图| www.078673.com-首页牛娃彩票导航| www.312711.com-江苏快三带单高手| www.028452.com-彩票快三入门| www.56368.com-卖彩票的网名大全| www.47ns.com-快三时时彩规律| www.8246.loan-258nba竞彩-| www.235715.com-七乐彩预测号码推荐| www.417245.com-hdp看彩虹台| www.331687.com-彩票官网是哪个网址| www.445515.com-彩票怎么才能中大奖| www.541688.com-福彩e线游戏规则| www.615362.com-体彩七位数中四位| www.695985.com-福彩体彩走势大全| www.789640.com-京彩登录-| www.882458.com-英国五分彩靠谱吗| www.972741.com-彩铅画简单好看易画| www.cp5991.com-广东快乐彩开奖结果| www.ui60.com-内蒙古彩票快三开奖| www.298357.com-彩票历史开奖结果| www.669882.com-海南福彩官网| www.781050.com-彩虹官方网站| www.880188.cc-福彩专家杀码和值点| 名门彩www.33997g.com| www.350528.com-彩票11选五怎么玩| www.410900.com-500彩票完场| www.dj19.cc-湖北百宝彩-| www.xh62.cc-彩虹7无人机| www.1109.pw-风云彩票计划集团| www.7222.me-彩虹6号第四年季票| www.u50.top-新万能彩吧-| www.213.name-购彩app是真的吗| www.689432.com-祥金彩票-| www.797342.com-星彩3d论坛的网址| www.876017.com-最新双色彩票开奖| www.948019.com-彩票到哪里兑奖| www.992287.com-福彩自助终端| www.xr7.com-体育彩票有哪些彩种| www.0473.vip-体彩网app下载| www.6532.cn-免费的彩票销售平台| www.28966.com-佰万彩票用户注册| www.093950.com-福彩开奖公告走势图| www.bu97.com-销售彩票专业术语| www.9821.org-3月28号的彩票| www.52559.com-好彩网为什提不出钱| www.533055.com-彩票实战讲座四| www.632279.com-时彩技巧-| www.685235.com-下载3d彩票安装| www.793710.com-彩票网站赌博| www.855383.com-7星彩复式价格表| www.791847.com-体彩大乐透机选软件| www.663988.com-时事彩五星独胆| www.773394.com-彩论坛-| www.850009.com-腾讯自开彩-| www.921110.com-竞彩500万大奖| www.982108.com-福彩3d神器-| www.de6.com-湖北快三遗漏| www.qj14.com-好彩1走势图福彩网| www.mu46.com-澳客赢家彩票app| www.76752.cc-有什么好的竞彩体育| www.130081.com-彩票查询双色球中| www.9963.top-客哥说彩-| www.63683.com-模拟彩票软件| www.017952.com-彩票投注计算工具| www.140408.com-彩票99靠谱吗| www.235288.com-福彩快三遗漏走势图| www.295882.com-中国体彩票开奖公告| www.338420.com-互娱彩票下载安装| www.451268.com-人课体彩绘图| www.25qh.com-安徽快三走势一定| www.523.cm-老时时彩一星走势图| www.295349.com-快开型彩种走势技巧| www.432713.com-福彩时时彩走势图| www.561704.com-苏内蒙快三内蒙快三| www.650450.com-时时彩代理刷量技巧| www.708655.com-大发时时彩国外开奖| www.66832.cc-明日彩票预测系统| www.58098.com-福彩消消乐机器人| www.48150.com-nba竞彩258-| www.338555.com-遇到彩票托怎么办| www.466881.com-宏盛彩票官网| www.554546.com-肇市福彩中心| www.320944.com-7星彩票开奖|