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.232849.com-好彩客苹果版下载| www.258760.com-足彩只买平局能赚| www.753323.com-中华彩吧江苏快三| www.58139.cc-福彩复式怎么玩法| www.153330.com-彩票一组几个数| www.179311.cc-快三人为控制| www.85ur.com-有没有玩足彩的大神| www.764311.com-t36cc天下彩票| www.959361.com-彩票软件可以注册吗| www.pb45.com-天津市体彩十一选五| www.58kt.com-百宝彩票靠谱吗| www.702195.com-体彩283中奖规则| www.58686.com-徐文轩福彩3d讲座| www.34435.com-本期七星彩期头尾| www.376401.com-火箭彩票是什么意思| www.789666.com-好彩店彩票合法吗| www.639345.com-七星彩即时开奖| www.968651.com-5d体彩开奖-| www.yu60.com-派彩网专家推荐预测| www.6630.vip-彩九下载-| www.041255.com-彩票长龙最长多少期| 500彩票www.66653f.com| www.071815.com-坐庄彩票-| www.933482.com-福彩app靠谱吗| www.43bn.com-游戏竞彩软件排行| www.309.me-领航时时彩彩票软件| www.7319.in-七彩电量显示| www.82338.com-江苏快三计划员| www.044652.com-美团彩票自助售票机| www.583569.com-彩色的中国歌词| www.r99.top-大发快三百家号| www.8223.biz-大陆人到澳门买彩票| www.6116.pw-美国的彩票有哪些| www.505974.com-彩票案件怎么处理| www.rx92.com-腾讯彩票是谁的| www.070979.com-v8彩票骗局-| www.787115.com-彩票怎么看大小单双| www.77523.cc-英皇彩票公司如何| www.192785.com-也买彩-| www.378219.com-万豪彩票助手手机版| www.989646.com-国民彩票怎么样| www.76qx.com-七乐彩售卖时间| www.4548.org-港彩网投app下载| www.38416.com-505购彩网-| www.007590.com-海南七星彩早版| www.162204.com-吉林快三是骗人的吗| www.303111.com-彩票77ios-| www.727969.com-亿彩彩票平台app| www.77bp.com-三b彩票中奖号码| www.148659.com-湖南省彩票兑奖程序| www.943877.com-春秋娱乐彩票| www.dn40.com-吉林快三二十分钟图| www.3502.org-江西快三走-| www.87339.com-933彩票安卓| www.151310.com-体彩字谜图谜| www.351819.com-彩客007-| www.580786.com-体彩中心电话是什么| www.797671.com-彩票九九集团网址| www.7970.shop-彩博888平台| www.755339.com-3分钟开一次的彩票| www.35939.com-广西11选5爱乐彩| www.501859.com-深圳开彩传媒靠谱吗| www.655969.com-下载博友彩票| www.4369.biz-全民彩票计划分析| www.wf39.com-甘肃快三历史遗漏| www.132477.com-河南的彩礼多少| www.269782.com-18125体彩-| www.458528.com-河北快三爱乐彩| www.631600.com-广东彩王彩图库| www.772.mobi-彩神1是骗人的吗| www.022484.com-彩票怎样看走势图| www.026297.com-彩票对刷流水兼职| www.527789.com-彩票之家是正规的吗| www.123144.com-凤凰彩票输了很多钱| www.43fp.com-篮球竞彩技巧| QQ彩票www.89894y.com| www.16mx.com-uk彩-| www.149635.com-掌中彩下载-| www.552926.com-内蒙古休彩十一选5| www.561167.com-百姓彩坛论-| www.919123.com-黑彩有哪些app| www.962751.com-彩皇网的计划可信吗| www.88881.cc-彩票第18125期| www.789535.com-福彩都是坑人的吧| www.970460.com-山东体彩群英会| www.660582.com-看福彩开奖号码| www.027.red-广东福彩色谱走势图| www.401702.com-热购彩票官方网站| www.534258.com-七乐彩网上能购买吗| www.731032.com-快易彩首页-| www.804972.com-七乐彩三等奖金多少| www.916622.com-私彩平台修改器| www.769073.com-福彩三地和值跨度表| www.851112.com-竞彩和澳门初赔| www.969007.com-河内一分彩-| www.fz05.com-彩票江苏快三代理| www.wz12.com-福彩快三跨度技巧| www.525710.com-校长体彩福彩推荐号| www.nc59.com-吉林爱彩乐官网| www.69fd.com-皇冠国际彩票赚钱| www.7865.top-胜负彩14场机选| www.ij94.com-5oo彩票网app| www.71pj.com-讽刺买彩票的诗句| www.00271.cc-湖北福利彩票公众号| www.59363.cc-中国福利彩票任五| www.113813.com-精准北京快三计划群| www.526301.com-万国彩票-| www.961179.com-内蒙古快三定牛| www.222923.com-新彩吧3d字谜总汇| www.867746.com-七星彩几点开| 亿彩彩票www.588yc.com| www.s48.bid-博彩免费体验金论坛| www.4897.net-赌博彩票软件下载| www.050728.com-黑彩怎么代理| www.537440.com-彩色是颜色词语吗| www.30028.cc-澳彩指数-| www.54lk.com-彩16安卓-| www.344287.com-中国体彩7位查询| www.717064.com-安徽福彩领奖地点| www.809863.com-众发彩票主页| www.899048.com-k彩登录平台| www.997087.com-中国福彩如何查中奖| www.xa6.com-福彩走势图带连线图| www.02ah.com-关于彩虹的诗句| www.131379.com-信阳结婚要多少彩礼| www.206892.com-那个彩票平台最靠谱| www.310856.com-惠明彩票-| www.413800.com-爱彩通软件手机下载| www.513300.com-时时彩后2组选8码| www.598735.com-买彩票qq群的新闻| www.30594.com-选彩票软件-| www.687761.com-福彩网上兑奖app| www.984538.com-彩8iphone版| www.e46.com-彩票网zucp-| www.968384.com-英国时时彩资讯网| www.391.me-安徽福彩报纸| www.353.club-快三福利彩票双色球| www.5742.cc-福利彩票快3河北| www.020686.com-多乐快三彩票怎么玩| www.151653.com-彩票软件哪个最好| www.276822.com-彩之源彩票靠谱吗| www.379458.com-宝马彩线路导航| www.554422.com-竞彩足球宣传语| www.cp783.com-谁有稳定的快三平台| www.e05.com-彩票计划软件ios| www.5042.cc-a22爱彩导航| www.66362.com-宁夏彩票中大奖记录| www.065186.com-彩票33平台多久了| www.416416.com-今日竞彩足球推分析| www.981438.com-足彩任选九开奖结果| www.zf16.com-福利彩票有哪些玩法| www.37pv.com-聚鑫彩票官网| www.013325.com-海南彩梦册-| www.650000.com-婴班户外活动彩虹伞| www.950285.com-湖北百宝彩公众号| www.ic37.com-网络福彩的真实性| www.287591.com-足球彩票在哪买网上| www.303759.com-鑫彩网-| www.393666.com-体彩中奖情况查询| www.864340.com-235彩票软件| www.393226.com-彩铅山水风景画图片| 8号彩票www.53168.com| www.mj16.com-时时彩官方计划网站| www.5609.org-qq群购彩-|