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天

知道了
亚洲28 www.31bf.com-买彩票的篮球app| www.612571.com-万彩口吧彩票高手| www.158030.com-竞彩足球加奖| www.928737.com-快三二维码下载安装| www.261867.com-快彩是正规网站吗| www.688779.com-福彩3d更多期次| www.111216.com-御彩轩app收费| www.901775.com-举报黑彩庄家| www.111458.com-鸿博彩票被骗的| www.214700.com-cp彩票-| www.237741.com-竞彩足球比分规则| www.627026.com-重庆时时彩独胆技巧| www.xw18.cc-彩6官方彩票网| www.22385.cc-彩票6十1开奖结果| www.393353.com-丹东福彩3d故事| www.830353.com-体育彩票在线机选| www.979094.com-旋子彩画教程| www.xd07.com-江苏快三开奖结果牛| www.93ui.com-同版1寸彩色证件照| www.269644.com-彩票九最新版本下载| www.114294.com-1号彩票网app| www.pe40.com-中发福彩-| www.wa70.com-快三图片图片| www.63028.com-cb8彩宝彩票官网| www.y30.club-福利彩票8官方网站| www.28846.com-福利彩票中奖真假| www.251300.com-今日彩票apk| www.22422.com-今天齐鲁风采七乐彩| www.378219.com-万豪彩票助手手机版| www.520542.com-真实彩票故事| www.670896.com-胜彩高手论坛| www.300899.com-快三稳赚不赔的方法| www.889125.com-体彩灯谜-| www.hf95.com-上海快三计划网| www.025198.com-易彩堂购彩大厅| www.615365.com-美狮彩票平台| www.858751.com-体彩和值遗漏直选| www.771478.com-快三组三的技巧| www.951152.com-中彩网投注-| www.cj46.com-快三大平台-| www.867706.com-廉江好彩哥交流论坛| 500彩票网www.864355.com| www.9973.loan-请搜索福利彩票| www.022542.com-e球彩两场全包玩法| www.168044.com-福彩快三官方网站| www.336425.com-网络彩票不能提现| www.489767.com-快三套选奖金| www.650773.com-十字彩网站-| www.838473.com-足彩下盘是什么意思| www.021040.com-英国幸运五星彩票| www.122876.com-优点彩票是骗局吗| www.981240.com-凤凰彩票登录| www.0716.bid-彩票怎么做代理| www.553721.com-吉林快三分析大小| www.655265.com-七乐彩中奖彩票| www.730997.com-开一家福彩店多少钱| www.829560.com-48彩票下载-| www.266947.com-中华彩票注册邀请码| www.sp92.com-时时彩最快开奖地址| www.083562.com-网上博彩违法吗| www.564.net-永盛分分彩-| www.605622.com-k8彩票在线-| www.109602.com-众盈彩票时时彩官方| www.026671.com-辉煌彩票是骗局么| www.35659.cc-怎么下载百盈快三| www.4545.me-黑彩3d玩法-| www.525874.com-全民彩票安卓版下载| www.533444.com-彩票的几种玩法| www.622580.com-3d图福彩-| www.717087.com-桃花林彩铅画| www.63608.com-宝哥彩吧-| 吉利彩票www.80065z.com| www.88wd.com-福彩网最新邀请码| www.140918.com-四川福彩兑奖方式| www.0626.cc-新淘彩网大发快三| www.69632.com-金彩彩票合法吗| www.469769.com-彩票网站怎么盈利| www.881321.com-青海福利彩票19期| www.947686.com-贵州体彩网排列三| www.991480.com-彩民之家首页| www.al53.com-福彩藏机图今天| www.pk08.com-三d彩票高手经验| www.1mg.com-乐彩首页17500| www.16cs.com-彩虹6号国服| www.080362.com-七星彩梦兆查询| www.088108.com-亿彩彩票是不是真的| www.1398.wang-d大赢家彩票靠谱吗| www.33cx.com-体彩怪字神图谜今天| www.929488.com-甘肃快三和直跨度| www.187930.com-彩种是什么-| www.8636.loan-快彩彩票下载安装| www.63001.com-365约彩彩票| www.069743.com-重庆桥洞下的彩票| www.135029.com-大发快三亿博计划| www.766569.com-如何关注彩票开奖| www.66856.com-彩票兑奖必须凭票吗| www.366053.com-福彩三d开奖吗| www.125684.com-排列五中奖彩票票样| www.jn39.com-网上彩票算不算诈骗| www.282591.com-时时彩五星缩水大底| www.361181.com-六冠彩票-| www.23my.com-132彩票好不好| www.60uw.com-体彩排三杀码专家| www.1807.net-快三3客户端| www.148891.com-恐龙快三打-| www.934143.com-体彩南方网-| www.59120.com-2019体彩前景| www.374085.com-河南体彩地址地图| www.489568.cc-3d乐彩开奖信息| www.551834.com-小乐彩平台-| www.604783.com-in下载盛源彩票| www.661477.com-重庆时时彩暂停时间| www.719355.com-彩吧彩票官方下载| www.778810.com-百宝彩票数据提醒| www.835533.com-福利彩票26期| www.888565.com-安装网易彩票软件| www.967296.com-福彩双胆2天计划| www.sa93.com-吉林省彩票快三| www.4652.biz-彩票导航路线| www.9536.biz-海南彩票网彩版下载| www.470279.com-一分快三杀号定胆| www.554864.com-那个省份快三| www.624568.com-彩票都有几种玩法| www.696982.com-七星彩胆拖怎么玩| www.762165.com-足彩滚球正规app| www.880466.com-一分快三计算器| www.947804.com-幸运快三能玩吗| www.985023.com-分分时时彩平台官网| www.ua10.com-下载全民彩票软件| www.756399.com-58彩票黑钱了| www.4726.biz-福利彩票双色球胆拖| www.9555.net-双色球凤彩网杀号| www.ey00.com-彩票123网址| www.617416.com-晋中体彩中心| www.678171.com-福彩3天吉预测| www.737296.com-qq彩票竞猜从哪进| www.795554.com-河北体彩福彩玩法| www.855253.com-彩投网站-| www.902127.com-快三怎么玩才赚钱| www.952640.com-上海快三大小计划| www.985981.com-3d彩报大全-| www.cp8828.com-快三自动投注软件| www.la34.com-彩票66app-| www.38182.com-下载手机天天中彩| www.98144.com-彩票微信-| www.99qo.com-彩票是按什么规律| www.738595.com-民彩网手机版| www.188403.com-福彩快三安徽| www.175009.com-福彩快三app| www.5553.win-体彩二元网排列三| www.051006.com-赢彩吧app主页| www.951988.com-彩票全天计划网站| www.cp0432.com-安徽省快三形态走势| www.q25.com-福彩三d玩法介绍| www.80ew.com-无锡福彩中心| www.282786.com-高手彩坛网-| www.448351.com-9号彩票网址| www.357452.com-婚后一方中彩票| 好彩头www.hct5.com| www.178105.com-北京快三跨度| www.282345.com-河北快三里的秘密| www.711269.com-竞彩360足球彩票| www.127660.com-彩虹秒赞授权| www.111757.com-好彩彩吧-|