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.216831.com-快三网下载-| www.083018.com-快三的秘密-| www.288404.com-彩票长龙20期| www.3090.cm-七乐彩直播开奖结果| www.02084.com-打彩票上瘾倾家荡产| www.347778.com-天天竟彩-| www.024593.com-7乐彩中奖概率| www.144638.com-福彩三d赵公明| www.219764.com-众彩网牛远志| www.52782.cc-七彩云南翡翠官网| www.288149.com-快三预测软件安卓版| www.431914.com-彩票那天开奖| www.369677.com-49彩票集团真的吗| www.496522.com-体彩排列3和值遗漏| www.051961.com-彩票app系统免费| www.63ay.com-彩经网岀号过滤缩水| www.2162.org-福彩代理需要多少钱| www.8525.top-中国福利彩票号码| www.36125.cc-买秒速时时彩的技巧| www.80200.com-体彩大乐透选号方法| www.028744.com-百度可以买彩票吗| www.110903.com-生日号买彩票| www.349369.com-网络彩票靠谱的| www.456144.com-有線球彩台主持妺頭| www.558794.com-富贵彩app骗人| www.632562.com-彩票福彩玩法介绍| www.702656.com-盛澳竞彩是真的吗| www.036268.com-福彩3地开机号| www.va82.com-河南福利彩票网站| 易彩网www.12455h.com| www.750464.com-大十字体育彩票网点| www.974715.com-1588彩票app| www.md09.com-三分彩官网开奖结果| www.12kc.com-福彩3d预测退存| www.5038.cm-旺彩11选5ios| www.77870.com-彩票游戏平台客服| www.363556.com-彩虹爱心表示什么| www.165602.com-芜湖市福彩中心| www.20ql.com-茶陵体委体育彩票| www.465900.com-彩超多少钱一台| www.578608.com-买彩票的倍投计划表| www.71dc.com-今期六开彩跑狗图片| www.216396.com-7星彩玩法开奖说明| www.365265.cc-购彩助手软件彩6| www.503118.com-c彩报-| www.594888.cc-好彩客安卓手机网版| www.670043.com-海南每天4十1彩票| www.779221.com-竞彩足球一定牛| www.876468.com-彩牛彩票安卓客服端| www.957939.com-彩票摇球-| 彩客网www.727076.com| www.322350.com-足彩8串1好中吗| www.5su.com-龙之彩app-| www.1907.vip-彩票机器人计划| www.776711.com-陕西福彩快乐十| www.33798.com-招聘彩票分析师| www.285398.com-快三的分解动作| www.355292.com-福彩3d组三技巧| www.99321.cc-时时彩遗漏选号软件| www.093365.com-彩色混凝土的颜色| www.168873.com-快三绝密公式算单双| www.1039.cn-彩票选号绝妙技巧| www.639064.com-申请体彩店去哪申请| www.026970.com-韩国彩票都有什么| www.5359.live-如何用淘宝买彩票| www.592225.com-彩票模拟摇奖器| www.672063.com-机乐型彩票-| www.765001.com-乐彩彩票手机版下载| www.32vt.com-春节彩票停几天| www.405553.com-彩神v丨-| www.438585.com-分分彩012如何买| www.829617.com-胜负彩18125期| www.365953.cc-自学彩铅画-| www.yq40.com-体彩七位数怎么算| www.47xm.com-体彩店投入多少钱| www.177051.com-一分快三全天计划| www.655840.com-彩票中奖去哪里兑现| www.482092.com-澳克竞彩-| www.qw76.com-时时彩总和规则| www.380081.com-今天有那些彩票开奖| www.76856.com-新浪竞彩2串1推荐| www.072036.com-龙岗体彩店转让| www.268716.com-广州鸣彩-| www.129794.com-中国体彩顶呱刮官网| www.313957.com-时时彩半顺什么意思| www.02qo.com-微信彩票金豆领取| www.e19.cc-七星彩几点开奖| www.387766.com-大富贵彩票-| www.659710.com-昨天内蒙快三| www.779559.com-体彩七星综合走势图| www.850754.com-体育彩票销售有限额| www.904046.com-六和彩开奖| www.959375.com-御彩轩app-| 网易彩票www.062wy.com| www.id8.cc-内蒙快三今日预测| www.371915.com-七乐彩五分区走势图| www.441343.com-彩钢板机械-| www.566941.com-彩神l平台网址| www.006574.com-五分彩走势图| www.nd05.com-uu快三软件下载| www.388732.com-谷歌分分彩开奖原理| www.554269.com-体彩宣传口号| www.676266.com-体彩七位数几点截止| www.792681.com-重庆体彩在哪里兑奖| www.rt52.com-买2元彩票中多少钱| www.6864.me-飞鱼彩票平台| www.775257.com-全民快三会不会骗钱| www.885295.com-萬城彩票-| www.992024.com-彩票全天计划记录| www.tg2.com-北京快3爱乐彩| www.qk29.com-500彩票极速快3| www.w12.tv-吉林彩票下载| www.65mn.com-凤凰网彩票开奖公告| www.73796.com-欢乐时时彩是哪里的| www.882626.com-网上的易彩堂可信吗| www.994859.com-重庆实时彩开奖记录| www.x56.top-千禧彩票极速赛车| www.01153.com-地方快三开奖公告| www.692732.com-彩票平台是骗局吗| www.801329.com-彩猫8-| www.899247.com-福彩3d藏机图解密| www.970408.com-天天乐彩注册送28| 幸运彩票www.967699.com| www.946893.com-福彩三d开奖结结果| www.cai3200.com快三助手app下载| www.sf33.cc-申利娱乐时时彩申请| www.17qu.cc-体育7星彩开奖| www.1053.site-福利彩票一般买几注| www.9659.cm-快乐彩怎么预测和| www.57544.com-什么网站买彩可靠| www.6mm.com-彩票期望值-| www.530165.com-时时彩输死了怎么赢| www.664654.com-乐彩直播网-| www.0029.pw-美国彩票兑奖| www.01963.com-痴迷买彩票的事例| www.50014.cc-华宇彩票是真的吗| www.006987.com-彩界联盟官网| www.860840.com-腾讯五分彩十分彩| www.950486.com-网上买福利彩票| www.999122.com-乐汇彩下载-| www.en07.com-北京赛车高频彩官网| www.00pr.com-为什么网络彩票上瘾| www.410086.com-如何解冻彩票账号| www.3rr.com-京彩集团首页| www.qr14.com-远洋竞猜型理财彩票| www.528130.com-彩票之家注册| www.073800.com-彩有是什么意思| www.79wg.com-分分彩挂机会赔钱吗| www.2801.com-香港七星彩开奖直播| www.cp5531.com-北京快三预测网址| www.dx82.com-网络彩票最新消息| www.120069.com-希腊十分彩官网| www.128542.com-福彩快乐3开奖结果| www.239797.com-购彩3-| www.162037.com-伪球迷买足彩胜负平| www.751704.com-最火的彩票平台| www.863134.com-彩票走势图接口| www.931195.com-奇门六爻法测彩实例| www.978329.com-混凝土可以做成彩色| 500彩票网www.569080.com| www.70cf.com-梦见死人彩票怎么买| www.707920.com-竞彩篮球混合投注| www.778993.com-福彩积分卡在哪买| www.840273.com-历年福彩销售额|