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.kw86.com-快三有多少省份| www.968966.com-彩神喷绘机怎么样| www.yv92.com-福彩3d走开奖结果| www.80803.cc-下载旺彩大乐透| www.577885.com-娱乐微信时时彩| www.728626.com-体彩折线走势图| www.885342.com-安徽快三官网开奖吗| www.804736.com-怎样选彩票-| www.936592.com-彩客竞彩彩票好用吗| www.602943.com-彩虹六号围攻好玩吗| www.310125.com-万州体彩兑奖地址| www.32gc.com-万国彩票app| www.876645.com-3b彩吧i助手| www.377188.com-腾讯时时彩开奖数据| www.097920.com-体育彩票类型图片| www.298256.com-七星彩今晚开奖视频| www.496908.com-彩票店跑路-| www.635565.com-博彩打水会不会封号| www.030099.com-大地彩票安卓| www.200459.com-河南快三遗漏号表| www.378654.com-彩票中奖情况app| www.669602.com-福利彩票太湖字谜解| www.tl21.com-福彩三d解太湖汇总| www.48368.com-体彩十一还夺金开奖| www.071703.com-网络竞彩平台靠谱吗| www.294687.com-快三是什么平台| www.464323.com-彩票基诺游戏怎么玩| www.619055.com-彩票破损还能兑奖吗| www.816637.com-快三开奖图片| www.965413.com-97彩票app下载| www.02qr.com-出现彩虹的寓意| www.1624.me-玖玖彩官方下载| www.42258.com-河南彩经网app| www.055319.com-彩票有几种奖项| www.347018.com-足彩推手骗局| www.599109.com-快赢彩票app| www.770351.com-欧版好彩-| www.961974.com-贵州省体彩管理中心| www.060777.com-私彩庄家有输的么| www.235522.com-彩票平台11086| www.418816.com-竞彩店电话-| www.568719.com-历下体育彩票| www.42xx.com-彩钢瓦安装方法图片| www.56558.cc-彩票群的网名大全| www.073335.com-福彩购彩-| www.315188.com-卖福彩-| www.516359.com-彩票被风控了| www.679319.com-中彩票的都是哪些人| www.811111.com-彩读音-| www.990107.com-u9彩票靠谱吗| www.i80.mobi-江苏快三代振幅走势| www.1001.com-彩乃奈奈种子| www.21334.com-博盈彩票下载| www.199481.com-一定牛河北快三| www.338680.com-武汉彩票大奖兑奖点| www.217637.com-单机游戏快三下载| www.412372.com-玩彩票怎么做好计划| www.613387.com-网上带你买彩票赚钱| www.812741.com-体彩线上培训| www.954253.com-利博彩票下载| www.mh90.com-大发快三开奖查询| www.17461.com-中国足彩官网电脑版| www.529999.com-彩票时时彩开奖直播| www.pi49.com-足彩十四场比赛直播| www.059948.com-地方彩票有哪些| www.509851.com-上一次彩票中奖号| www.630531.com-极速3d彩票官网| www.772396.com-福彩快三多少钱| www.892172.com-福彩三d选胆图| 500彩票网www.708330.com| www.77cy.com-有极速赛车的彩票| www.4600.vip-名豪彩票平台手机版| www.28928.com-有真中彩票的| www.97249.com-体彩大乐透中奖税收| www.776976.com-bb3d黑彩技巧| www.903930.com-手机购彩快3| 凤凰VIIIwww.www.fh2622.com| www.23494.com-四季彩票出款稳定吗| www.028559.com-彩报开机号板| www.167790.com-宁夏快三开奖号码| www.311131.com-39957红旗彩票| www.hf77.com-快三投注图表| www.07xg.com-体彩p5出号走势图| www.1797.cn-3d淘彩吧-| www.32236.cc-湖北快三和值跨度| www.032244.com-cc彩球网国际平台| www.180948.com-彩之家app-| www.332340.com-彩票开奖图-| www.590887.com-下载奔腾彩票软件| www.832067.com-在线信誉博彩公司| www.935737.com-彩票长龙助手怎么看| www.sw6.com-安徽快三奖金| www.07gh.com-冀彩宝有中大奖的吗| www.2345.la-最准重庆分分彩计划| www.23115.cc-福利彩票尺寸大小| www.011355.com-昨天彩票出多少号| www.123783.com-优乐彩提现不了| www.256538.com-体彩app官方下载| www.388279.com-十大外围足彩网站| www.365629.cc-众盈国际时时彩| www.961.in-七星彩中了四位数| www.688566.com-彩上海体育彩票转让| www.ej71.com-百盈彩票下载安装| www.32pz.cc-掌上彩票可信吗| www.3385.vip-首存送彩金平台| www.28352.cc-镇江体彩销售点| www.286466.com-彩界小少爷-| www.967347.com-微信彩票群交流群| www.168986.com-上海快三开奖查询| www.64ty.com-天空彩民心水网| www.39821.cc-速赢彩用户注册| www.113055.com-七乐彩中奖秘诀| www.87859.cc-华阳彩票安全么| www.062619.com-网络黑彩报警| www.165849.com-快三怎么玩-| www.245001.com-易彩彩票下载软件| www.318492.com-澳门博彩手机app| www.23.me-境外黑彩平台| www.822992.com-大乐购彩票-| www.894983.com-体彩官网购彩软件| www.976098.com-福彩中彩网站| www.cp3258.com-三分快三带人准吗| www.0500.cm-彩票大乐透奖| www.9204.cn-网上时时彩盈利表| www.69867.com-8彩官方网站| www.023354.com-买体彩大乐透方法| www.870952.com-刚力彩芽丑闻| www.939098.com-足球彩票14场预测| www.984289.com-微信高频彩是什么| www.yi22.com-体彩第19050期| www.36vo.com-703彩票怎么破解| www.377903.com-在线买彩票机| www.3209.vip-幸运彩票怎么领彩金| www.9353.org-福利彩票造假新闻| www.63149.com-福彩专家预测推荐号| www.500022.com-优选彩店咋样靠谱么| www.8110.cm-彩票领奖时间限制| www.057391.com-福彩快三吧-| www.925627.com-金彩网下载-| www.907058.com-玩e彩堂犯法吗| www.969585.com-酷彩日本官网| www.01490.com-斗牛送彩金-| www.88630.com-ee彩票下载-| www.550797.com-彩站宝app下载| www.309785.com-河北体彩快乐扑克4| www.462950.com-如何知道彩票真假| www.492803.com-竞彩足球欧赔心得| www.987630.com-彩票大小单双怎么算| www.23ha.com-网上彩票代玩| www.4144.vip-彩虹六号-暗影先锋| www.18865.cc-998彩票游戏| www.19659.com-老挝博彩为什么不抓| www.24130.com-彩铅樱桃的画法| www.89540.com-快乐彩票被封了| www.64qk.com-足彩投资策略| www.203728.com-江苏快三官方开奖| www.362893.com-彩虹吉他谱羽泉视频| www.337794.com-足彩胜负500网| www.637025.com-大星彩双色球走势图| www.563871.com-东方亮彩招聘单| www.552273.com-大家赢彩票网合法吗| www.163031.com-下载江苏快三走势| www.3808.top-中彩体育是什么东西| www.136275.com-福彩七乐彩开奖公告|