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.365213.cc-时彩诈骗-| www.406855.com-骗彩礼怎么起诉| www.555944.com-078彩票代理| www.402491.com-结婚男方给多少彩礼| www.420208.com-彩票投资指南报| www.25232.cc-彩铅技法-| www.027042.com-网络彩票计划师| www.896390.com-新运十分彩计划| www.97wl.com-鼎盛彩票网真的假的| www.084615.com-西西彩票ios| www.262679.com-吉林省福彩中心在哪| www.485058.com-彩票代理如何赚钱| www.167275.com-北京快三开奖结果| www.20tq.com-体彩样票有什么用| www.1977.tv-体育彩票扑克到几点| www.987681.com-网上购彩违法吗| www.he48.com-河南彩票报金手指| www.250357.com-中彩zc38-| www.51372.com-体彩app排名| www.029983.com-带有彩虹含义的名字| www.141127.com-公众号老猫出彩| www.521296.com-彩票扣扣群-| www.670496.com-今晚七星彩推荐号码| www.890416.com-彩礼江西-| www.ao78.com-贵阳市福彩中心| www.216251.com-体彩7星彩开奖结果| www.53231.cc-七彩野山鸡养殖| www.083333.cc-福彩快三哪些省份有| www.357964.com-体彩排五怎么是中奖| www.492253.com-县政府卖彩票合法吗| www.604144.com-688彩票例行审核| www.686671.com-《中彩那天》全文| www.797592.com-99购彩票骗局| www.875080.com-手机打彩票是什么| www.946953.com-耐磨彩色混凝土地面| 百姓彩票www.bxcp3.com| www.na36.com-微彩吧app可靠吗| www.fz0.com-快三屠龙什么意思| www.565609.com-深圳体彩店怎么申请| www.05810.com-买彩票怎么推广| www.8420.biz-彩釉钢化玻璃| www.343593.com-体彩排三杀码预测| www.9040.cn-天天中彩票一直维护| www.71524.cc-1号彩票平台| www.048174.com-福彩3d陈华独胆| www.474040.com-南京休彩中心在哪里| www.yd93.com-大韩国快三-| www.72ln.com-彩世界哪里的平台| www.67jw.com-太原体彩销售点| www.uq52.com-体彩排列五综合走图| www.022.la-彩99是真的吗| www.879759.com-体彩实体店何去何从| 凤凰Vwww.www.fh7557.com| www.19302.com-时时彩缩水网页版| www.76683.cc-彩票三个数字预测| www.367816.com-好看的彩铅画风景| www.91ie.com-中彩网号码讨论区| www.3160.vip-大发快三买豹子方法| www.810832.com-体育彩票飞鱼| www.599993.com-彩票可以连续打几期| www.761300.com-彩票256手机版本| www.416037.com-何为黑彩-| www.96181.com-中国彩票最大弃奖| www.181469.com-福彩快三用什么软件| www.26643.com-七星彩大复式| www.jr99.cc-王者彩票可靠不| www.rz63.com-手机买彩票中五百万| www.k13.bid-中国新彩吧网| www.158198.com-北京福彩pk拾玩法| www.875918.com-体彩断组方法| www.954126.com-好彩蓝莓爆珠真伪| www.cp119.com-吉林快三平台搭建| www.960284.com-淘彩app是干啥的| www.gu90.com-彩788下载安装| www.420.tm-家彩千禧试机号| www.107638.com-彩票106app-| www.01728.com-糖果派对四个彩金图| www.210011.com-安徽快三购买方法| www.363552.com-中彩网河北快三开奖| www.620405.com-地球人彩票-| www.693063.com-湖北福彩短信投注| www.776848.com-福彩鲛人鲨-| www.853940.com-万彩吧彩票玄机图| www.913902.com-国彩平台开户注册| www.cp3767.com-北京快三怎么算中奖| www.qy40.com-买彩票有时间限制吗| www.559324.com-中国体育彩网排列五| www.634104.com-北京市彩票咨询中心| www.704891.com-最新足彩比分结果| www.793896.com-288彩票靠谱吗| www.875365.com-手机买彩票能中奖吗| 大中华彩票www.dzh0.com| www.096.bid-彩16平台安全吗| www.4263.vip-甘肃快三历史开奖| www.407661.com-正规够力七星彩奖表| www.545250.com-快三怎样能稳赚视频| www.065098.com-彩票33被骗-| www.748505.com-天天快三预测| www.832130.com-七星彩电脑卖奖软件| www.892348.com-彩票11选五平台| www.953092.com-足球计算器一竞彩网| 来运彩票www.5555y.cc| www.75wz.com-中国七彩彩票| www.3179.biz-天天爱彩票一| www.873768.com-彩35网址-| www.947749.com-浙江12选5爱乐彩| www.995458.com-足彩冷热指数分析| www.ak20.com-安徽福彩快三走势| www.rx09.com-惠民乐彩票怎么玩| www.v41.pw-玄武彩票9212| www.4603.cc-大渡口彩民-| www.187033.com-分分时时彩龙虎| www.291918.com-福彩5d全买-| www.886742.com-c彩61大发快三| www.964947.com-彩票公众号有哪些| 好运彩吧www.033916.com| www.264677.com-解读彩票新规| www.337178.com-时时彩单双怎么玩| www.471518.com-不思议迷宫彩蛋整理| www.184848.com-手机福彩双色球投注| www.8582.cm-手机481百宝彩| www.580288.com-江苏快三全能版计划| www.215336.com-彩票达人是什么意思| www.370422.com-线上四季彩平台注册| www.503390.com-彩投的什么意思| www.589763.com-正流行日本淡彩妆| www.50og.com-买足彩下什么软件| www.431007.com-葡京彩票官网| www.cp3800.com-一分快三计划群| www.71587.com-深圳龙华区福彩| www.03av.com-福彩蓝精灵第一二版| www.92bx.com-互彩宝怎么登陆彩票| www.3748.vip-七星彩财迷-| www.8937.xyz-时时采彩人工计划| www.33360.cc-济南快三-| www.054514.com-祥云瑞彩的寓意| www.s17.xyz-红中彩票手机版| www.609375.com-67彩官网-| www.685893.com-农村结婚彩礼顺口溜| www.kq21.com-福彩3d中奖概率| www.t16.club-蚂蚁彩票正规的吗| www.58sp.cc-快三百宝彩-| www.0286.biz-彩票推销-| www.871713.com-苏州福彩官方网站| www.926908.com-256时时彩票官网| www.979737.com-国内知名的足球彩票| www.cai5757.com湖北福利快三走势图| www.888568.cc-128彩-| www.8041.vip-花图片水彩-| www.29859.cc-杏彩娱乐app| www.78311.cc-聚爱彩app-| www.425320.com-信阳体彩大奖得主| www.521855.com-和彩印怎么设置图片| www.578460.com-福彩店装修图片| www.125096.com-彩票35选7有哪些| www.3du.com-老汉直击黑彩福彩| www.268136.com-彩票选号规则| www.66333.com-今天体彩排三藏机图| www.126439.com-足球彩票手机app| www.280510.com-彩乐乐网怎么样| www.54ub.com-福彩三d今日开奖| www.697637.com-天下彩网址-| www.900087.cc-22彩票网-| www.vo00.com-福彩开奖公告查询|