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.xw94.com-网上彩票哪个平台好| www.54oa.com-福利彩票演讲稿| www.nt09.com-北京快三开奖号多少| www.265153.com-快乐双彩今晚开奖| www.700846.com-下载福彩开奖大全| www.799533.com-体彩竞彩彩票怎么看| www.882069.com-彩票工资车贴吧| www.952266.com-体彩开奖公告结果| 乐彩赢www.0014w.com| www.1018.cn-浙江爱乐彩-| www.37885.cc-02彩票客户端| www.754722.com-贵州快三三同号推荐| www.859466.com-福彩综合走势图| www.956697.com-彩票疑云完整版| www.cp880.cc-彩票代理拉人技巧| www.qa35.com-下载577彩官网| www.16gf.com-七彩蓝田投资返利| www.712.website5k彩票登录客服| www.6561.cn-19500彩票官网| www.365205.com-彩票牛人总结的经验| www.070601.com-河南商丘彩礼多少| www.330658.com-七天彩票网是真的吗| www.446775.com-满彩堂官方网站| www.056446.com-河内1分彩开奖结果| www.379412.com-缅甸彩票怎么买| www.177642.com-快三不同号有几个| www.219307.com-吉林快三百科| www.412372.com-玩彩票怎么做好计划| www.572961.com-灯彩和彩灯-| www.05375.com-买彩票能中1万吗| www.002431.com-彩票系统源码极云| www.127501.com-新彩虹世界-| www.395020.com-南京体彩中心图片| www.356123.com-体彩泳坛夺金| www.488590.com-喜彩彩票网-| www.346140.com-彩神8事怎么坑人的| www.788132.com-新浪足彩开奖| www.875942.com-财神5分彩开奖结果| www.954240.com-彩票助赢官网论坛| 500彩票www.506477.com| www.69858.cc-彩运8.首页-| www.582517.com-福彩门户地彩| www.140486.com-三亚福彩中心在哪里| www.360393.com-3d彩报图今日| www.57395.com-彩神通软件狗| www.089004.com-90后中彩票10亿| www.162650.com-体彩排列五两元网| www.53rd.com-6118彩票投注| www.cp6177.com-快三里面的屠龙技巧| www.885153.com-国民彩票官网| www.305973.com-七星彩预测海报| www.860120.com-彩票大乐透| www.937136.com-乐福彩票网-| 13e彩票www.371680.com| www.se04.com-网赚彩票单带计划| www.04lp.com-体彩10选5-| www.847322.com-七加一彩票-| www.928390.com-福彩三d天庚大帝| www.991635.com-旺彩预测电脑版| www.db78.com-四亿彩票网站| www.ye04.com-好彩投提现-| www.403034.com-上海福彩网双色球| www.606662.com-属虎彩票号-| www.311678.com-福彩十选五合法吗| www.976460.com-水冶彩礼-| www.br37.com-49彩票集团app| www.ts97.com-福彩双色球下载苹果| www.336679.com-福利彩票是真是假| www.408318.com-七星彩手机号选号| www.197976.com-福彩快三输钱感言| www.871508.com-北京快三助手版| www.93fg.com-吉林快三和值号码图| www.e45.cc-凤凰彩票怎么提现| www.63xd.com-竞彩第一大奖| www.9171.org-娱乐彩注册-| www.51358.com-东莞彩乐糖果| www.060891.com-投注快三赚钱吗| www.179038.com-快三豹子后出号规律| 购彩在线www.66332g.com| www.ov59.com-快三跨度和值走势图| www.09es.com-七彩乐单式开奖查询| www.70xr.com-彩易网3d-| www.007570.com-体育彩票19084| www.101530.com-19031体彩开奖| www.394847.com-彩虹自助下单授权| www.284434.com-彩票分哪些种类| www.19791.com-吉林快三一注多少| www.957125.com-2044彩票下载| www.th3.com-彩票开奖双色球规则| www.8774.com-分数数字型彩票| www.371185.com-三分时时彩计划版| www.16fu.com-周口体育彩票| www.772.in-微彩娱乐靠谱吗| www.8512.top-派彩网陕西快乐十分| www.51291.cc-九号彩票手机客户端| www.97986.cc-时时彩精准预测| www.073044.com-傲赢彩票安卓版| www.616449.com-体彩竞彩三场两关| www.1047.cc-彩票16用户登录| www.28870.com-nba彩票ios-| www.286561.com-逍遥彩票套利团队| www.086846.com-福中彩票-| 大玩家彩票www.983888.com| www.651398.com-十是彩票-| www.761300.com-彩票256手机版本| www.835623.com-好彩三八猜一数| www.340100.com-中·国彩吧-| www.66tw.com-拉菲彩票代理| www.99995.com-246天天彩票| www.320132.com-黑龙江福彩中心地址| www.523545.com-tt彩票网下载安装| www.258292.com-全民福彩-| www.me57.com-糖果彩彩票-| 彩票58www.587335.com| www.82eh.com-点击彩极速赛车| www.745828.com-网络售彩举报平台| www.835856.com-西宁彩票店承包| www.893911.com-喜盈门彩票网站| www.985201.com-360彩票资讯网| www.gx46.com-盈彩怎么赚钱| www.8054.cn-水彩入门教程视频| www.490895.com-今曰甘肃快三结果| www.85vb.com-福利彩票是怎么盈利| www.163154.com-趣9购彩票是真的吗| www.551332.com-凤彩网3d杀和尾| www.9028.cc-胜负彩比分直| www.529327.com-最近哪里能买彩票| www.626622.com-江苏快三跟着老师买| www.698930.com-彩铅颜色搭配技巧| www.491936.com-博汇彩票能赚钱吗| www.562155.com-快三单双怎么玩稳定| www.626179.com-金祥凤龙版彩票| www.687094.com-我彩票中奖了| www.056299.com-七乐彩中奖规则图解| www.199666.com-福建快三跨度表| www.198725.com-延吉七乐彩快三| www.32899.cc-体育彩票走势图排五| www.99179.com-有什么好的足彩网站| www.045318.com-彩神通四码app| www.t70.net-彩票群拉人-| www.894896.com-超级大乐透彩票投注| www.107262.com-多种快开彩-| www.089079.com-买内蒙快三-| www.159799.com-鳄鱼彩票福彩双色球| www.820299.com-周三彩票开什么| www.533033.com-七乐彩出球一览表| www.792106.com-彩票兑奖中心在哪里| www.308750.com-众彩网唐儿-| www.231967.com-黑彩票破解器| www.75774.com-腾讯分分彩简介| www.6328.org-二分时时彩开奖网站| www.009780.com-互联网销售彩票犯法| www.844539.com-湖北体彩排列三推荐| www.930695.com-专业玩福彩-| 彩82www.c6356.com| www.881024.com-代玩时时彩账号兼职| www.957534.com-青蛙彩票六会彩| www.cp9878.com-快三彩票倍投表| www.mw99.com-釉中彩安全吗| www.3050.vip-金祥彩票网登录| www.623878.com-湖南快3福利彩票| www.673196.com-怎么查附近彩票店| www.741077.com-体彩排列三毒胆预测| www.039396.com-七彩网是合法的吗|