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.970710.com-福利彩票是由民政部| www.730157.com-彩尊登录原版| www.675103.com-苏州体育彩票七位数| www.133127.com-足球竞彩心得| www.277479.com-浙江有七星彩吗| www.388822.com-600彩票辅助软件| www.555649.cc-全富彩票代玩| www.654594.com-体彩福彩手机客户端| www.789890.com-银川体彩兑奖中心| www.918073.com-重庆老时时采彩走势| www.982438.com-鸿彩倍投-| www.rq9.com-极速快三规律破解| www.5055.tv-属马买彩票-| www.21185.com-大發时时彩-| www.74892.com-彩铅画花简单| www.062411.com-建平县黑彩大案| www.0yq.com-体彩和福彩哪里买| www.630926.com-14胜负彩玩法| www.42on.com-彩票如何刮到1万元| www.919944.com-彩名堂手机版| 彩之家www.20czj.com| www.3eu.com-两分彩计划-| www.75tx.com-5d彩超价格-| www.2985.win-9万彩票手机版| www.9714.xyz-大奖网彩票安卓版| www.51873.cc-安徽福彩3中奖新闻| www.017749.com-易彩票app最新| www.489321.com-彩工网公众号| www.589995.com-好客彩aqq-| www.672422.com-七星彩上期预测| www.772759.com-时时彩稳赢计划下载| www.862503.com-体彩票开奖直播频道| www.946695.com-吉林福彩快3开奖号| 彩天下www.c5127.com| 中国福利彩票www.08588v.com| www.96pg.com-如何卖彩票-| www.8740.in-水果农场彩票开奖| www.058126.com-乐彩客下载app| www.085177.com-官方快彩有哪些| www.441234.com-02彩票下载安装| www.595784.com-福彩在线官网购买| www.198333.com-蚂蚁彩票中了一等奖| www.5499.net-开个彩票店怎么加盟| www.px23.com-下载即送体验金彩票| www.415200.cc-游戏厅的彩票机秘诀| www.648686.com-518彩网注册帐号| www.869745.com-老版的唯彩看球| www.uv.com-体彩官方彩票app| www.66lt.com-拉菲时时彩娱乐| www.322478.com-nba彩票赔率| www.858333.com-高频彩怎么玩能赢| www.f64.org-福利彩票视频| www.0907.xyz-私彩导航入口| www.949236.com-安卓彩票下载安装| www.35639.cc-凤凰彩票平台代理| www.yy17.com-le乐盈彩票-| www.867051.com-彩票实战经验| www.922833.com-福利彩票可以转让吗| www.226835.com-湖北彩票官方网| www.644123.com-黑龙江时时彩玩法| www.336601.com-湖南福彩兑奖地点| www.575463.com-一分快三大小投注法| www.804178.com-新2彩票平台| www.998405.com-燕郊彩票站-| www.753819.com-七星彩彩票大赢家| www.199594.com-上海福彩快3| www.500123.cc-体彩25尾数走势图| www.959532.com-小站宝彩票正规吗| www.z76.com-综艺福彩彩神赛| www.298050.com-腾讯时时彩开奖号码| www.183545.com-彩票合法吗-| www.546138.com-易彩堂首页-| www.076656.com-安激快三遗漏数据| www.901080.com-精英彩票平台| www.098081.com-体育彩票的购彩技巧| www.286471.com-中国体彩报最新| www.609353.com-彩票时时彩导航| www.727575.com-合买中心一鑫鼎彩票| www.297996.com-香港福彩资料大全| www.830397.com-彩票查询中奖软件| www.ol20.com-牛彩藏机图汇总| www.3980.top-好彩v2.1.16| www.69542.com-99购彩票骗局| www.281113.com-非法经营彩票13万| www.469411.com-万彩办公大师有毒| www.716278.com-冮苏快三计划软件| www.033471.com-cba彩票在哪买的| www.590390.com-3d彩票和值表图片| www.258507.com-310足彩-| www.528032.com-内蒙古破解时时彩| www.053853.com-世界杯足彩怎么玩| www.66425.com-深圳彩票网-| www.db77.com-四亿彩票注册送41| www.019674.com-遵义体彩领奖| www.198543.com-湖北体彩网-| www.438053.com-腾讯10分彩计划| www.953509.com-竞彩直播比分| www.nq7.com-三分快三历史走势图| www.vr48.com-体育彩票往期开奖| www.86lu.com-3d联盟好彩乐4版| www.3001.vip-福利彩票齐鲁风彩| www.35914.com-彩票计划苹果| www.027850.com-福建福彩兑奖地址| www.796174.com-双色球彩票幸运选号| www.96184.com-福彩一等奖领取流程| 大赢家彩票www.595411.com| www.79896.cc-银川彩票领奖地方| www.391871.com-星耀国际彩票有人带| 500彩票网www.616097.com| www.051384.com-重庆时时双彩网| www.194598.com-快彩彩票官网| www.285826.com-159足彩app-| www.562957.com-3四彩票-| www.172608.com-大发彩app-| www.162081.com-分分时时彩是否有假| www.261695.com-一品彩票app| www.457518.com-众购彩票网免费注册| www.604655.com-60彩票安装-| www.763692.com-足彩推单app| www.896269.com-2017彩票合买群| 凤凰彩票www.77801r.com| www.te07.com-安卓时时彩分析软件| www.49443.com-柬埔寨做彩票犯法吗| www.095219.com-中国彩票最不可信| www.338742.com-98彩票手机版注册| www.648329.com-生肖彩开奖结果| www.740282.com-香港澳门彩票网| www.822055.com-福彩3d奖金设置| www.892278.com-福彩3d3d下载| www.970452.com-彩票816邀请码| www.gi97.com-快三秒加盟费| www.059635.com-k彩福地登录| www.509352.com-家彩论坛排列三论坛| www.8737.space-彩票走势分析插件| www.241059.com-彩吧图第三版| www.326625.com-七星彩预测维希亚| www.430412.com-彩吧助手手机版| www.521548.com-石家庄福利彩票| www.4916.cc-福利彩票知识指南| www.622339.com-时时采彩走势图龙虎| www.738199.com-金彩网挣钱是真的么| www.454143.com-中乐彩怎么样| www.826658.com-98彩票下载安装| www.949364.com-彩票大奖都是假的吗| www.gb67.com-彩票追号倾家荡产| www.456093.com-彩六彩票下载| www.108128.com-3d彩票图字谜| www.189279.com-乐彩网首页福彩3d| www.261581.com-河北快三手机投注| www.054123.com-万宝彩票app下载| www.164546.com-福彩三的字谜汇总| www.360037.com-新彩网福体彩藏机图| www.973437.com-彩虹歌曲-| www.593810.com-下载够力七彩奖| www.183351.com-河北福利彩票3d| www.328286.com-福彩三地专家预测号| www.286266.cc-公益福彩是真实的吗| www.302814.com-49c老品牌彩票| www.5686.in-何氏彩票-| www.820065.com-农村天价彩礼作文| www.d63.com-章鱼足球彩票| www.840303.com-彩妆加盟哪个牌子好| www.941006.com-彩票推广拉人话术| www.986303.com-玩彩票大平台可靠吗|