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天

知道了
彩01彩票 www.810776.com-88好运彩彩票网| www.cai777.cc-幸运快三稳中计划| www.qz42.com-快三输惨了-| www.55qg.com-体彩5808万-| www.9493.cn-3d福彩中了一个号| www.962950.com-陕西省体彩兑奖地址| www.484558.com-体育彩票远程教育| www.192368.com-下载甘肃快三助手| www.65048.cc-规划竞彩是传销吗| www.028264.com-牛彩一句定三码汇总| www.22ft.com-玩彩票输-| www.607458.com-江西多乐彩机选| www.689322.com-山东福利彩票群英| www.766689.com-彩虹糖代表的寓意| www.518211.com-559彩票网正规吗| www.625281.com-苏宁小店彩票| www.695115.com-今日足彩稳胆推荐| www.771347.com-彩81彩票是真是假| www.cp6968.com-河南万能快三走势图| www.722792.com-好彩票正规网站| www.462395.com-万彩吧真人预测| www.6873.com-好彩头是什么意思| www.355891.com-东皇娱乐时时彩平台| www.513571.com-时时彩二星直选规律| www.585619.com-博彩老平台-| www.668737.com-胜负彩14场技巧| www.745409.com-大彩彩票app| www.830990.com-太湖字谜新彩网| www.907730.com-快三时间调整| www.976874.com-天天好彩246| www.vw2.com-内蒙古福彩怎么兑奖| www.ta46.com-百度彩票是正规的吗| www.72398.com-奔驰彩票官网qq| www.82224.com-福客来彩票登录官网| www.104106.com-马来西亚彩票管理| www.200959.com-河南体育彩票481| www.503425.com-有没有玩彩票的| www.969583.com-江苏体彩管理中心| www.du16.com-凤凰彩票app| www.961524.com-94彩票-| www.cp0777.com-福彩快三骗局解密| www.tj57.com-福彩迷江苏快3| www.20oy.com-体育彩票3月16| www.656645.com-时时彩软件彩票| www.743154.com-俄罗斯彩蛋吊坠| www.20yx.com-彩虹事件-| www.525098.cc-我要查看福彩彩票| www.848918.com-神兽时时彩下载| www.938676.com-新浪足彩分析预测| www.cai1655.com北京快三开奖结果走| www.1hp.cc-玩网络彩票赌博输惨| www.909163.com-甘肃体彩泳坛夺金| www.cai2422.com10分钟一期的彩票| www.ms23.com-甘肃快三豹子号遗漏| www.400386.com-五分彩算法-| www.385678.cc-福彩双色球初几上班| www.651660.com-彩票最长兑奖期限| www.773250.com-天津时时彩开奖现场| www.873992.com-体彩总部-| www.949507.com-360购彩计算器| 彩82www.c6002.com| www.769207.com-国冠彩票-| www.906178.com-ws彩票平台出租| www.974798.com-海南彩铃公司| www.cai027.com-快三走势图今天江苏| www.95yi.com-众彩网千里马专家予| www.302721.com-湖北快三天天彩经网| www.442551.com-皇冠竞彩是什么意思| www.624197.com-福利彩票放假| www.40938.com-亚彩官网-| www.025720.com-凤凰网彩票有退水吗| www.737507.com-恋母全彩ag-| www.899970.com-天天彩怎么下载| www.78791.cc-下载河北竞彩| www.s31.org-福彩查询号码| www.29bl.com-福建体彩在线投注| www.7656.me-彩友才专家计划| www.41827.com-福彩3d中奖查询| www.581510.com-手机版彩票-| www.685366.com-好运来彩票网活动| www.172766.com-开奖大全彩票| www.837757.com-大运网彩票-| www.041255.com-彩票长龙最长多少期| www.822779.com-店铺彩友-| www.863547.com-福彩3d投注价格表| www.8816.xyz-足球彩票500网| www.51fw.com-七星彩工具-| 好彩网www.hcw823.com| www.125410.com-体彩大乐开奖查| www.217292.com-福彩贵州快3| www.92gb.com-51彩票网软件下载| www.657510.com-体彩7位数何时开奖| www.55em.com-城云路彩票站| www.8516.cn-七星彩与93彩票网| www.131105.com-洛阳洛龙区彩礼多少| www.247252.com-福彩字谜太湖| www.23qk.com-彩票是随机还是人为| www.00151.com-重庆体彩大乐透中奖| www.042177.com-多彩贵州城地点| www.026037.com-代玩时时彩账号兼职| www.208112.com-彩票帮投单-| www.908036.com-1分彩输了好多钱| www.5640.in-网恋时时彩诈骗| www.192100.com-福彩3d和值表图片| www.286798.com-淘彩彩票app| www.87nd.com-淘宝彩票合法吗| www.22242.cc-竞彩足球让球负什| www.289177.com-快三中两个数字| www.039138.com-江苏体彩快三| www.21571.cc-彩之家是骗局揭秘| www.483639.com-天津福利彩票双色球| www.h33.net-新加坡福彩-| www.92vo.com-彩票站申请流程| www.681513.com-彩麒麟理财骗局| www.x86.online-酷乐手游彩票| www.516.in-o38彩票软件下载| www.5239.top-派彩是什么-| www.344518.com-怎么样买福彩票中奖| www.438107.com-彩民彩票客服电话| www.587551.com-今天福彩买什么号码| www.300318.com-彩巴图库-| www.495273.com-什么牌子的彩漂好用| www.98586.com-腾讯分分彩中三| www.902036.com-国家打击黑彩的力度| www.980440.com-火箭彩票网是哪里的| www.ux.cc-分分快三是真是假| www.81xy.com-足彩4串1全包| www.580835.com-陕西乐彩快3| www.444843.com-中国体彩能网上买吗| www.07oy.com-彩铅获奖作品一等奖| www.843355.com-福彩网页面-| www.964797.com-体彩e球彩开奖公告| www.xo9.cc-代玩幸运快三可信吗| www.0078.pw-深圳抱团买福利彩票| www.502531.com-迪嘉彩票-| www.6584.win-鑫彩网平台怎么样| www.110861.com-春节后彩票开业时间| www.952395.com-仲博彩票官网下载| www.41jm.com-扑克牌体育彩票| www.i86.xyz-下彩网触摸版| 鑫彩www.596608.com| www.oj58.com-杭州体彩11选五| www.9kw.cc-牛爹七星彩资料大全| www.18818.cc-福彩三地万能六码| www.231055.com-百胜快三登录| www.364062.com-彩虹世界网络连接| www.502472.com-圣彩票-| www.370875.com-竞猜足彩开奖结果| www.43596.com-彩票5000万网址| www.749201.com-休育彩票网-| www.6280.top-百度体育彩票论坛| www.80360.com-河北福彩快三数据| www.670578.com-和彩票有关的名字| www.731752.com-彩钢瓦围挡施工| www.791652.com-中国福彩中心在哪| www.855699.cc-彩票头奖命-| www.905092.com-福利彩票代理加盟| www.964021.com-福彩三地和尾值| 易彩网www.36166h.com| www.601542.com-中国体育彩票中奖| www.542348.com-万彩吧彩票专家荐号| www.05709.com-义乌体彩中心在哪| www.764023.com-中园体育彩票网| www.11759.com-广州彩乐乐网|