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.595471.com-领奖彩票网址| www.686109.com-3d彩乐乐百位杀号| www.801310.com-彩九网址app| www.896051.com-彩乐乐福彩预测| www.972091.com-19037期胜负彩| www.cp7258.com-快三是赌博吗| www.16eo.com-k彩戏2下载-| www.937922.com-87云彩店app| www.eq19.com-一分快三开挂| www.04lp.com-体彩10选5-| www.2365.cn-七彩云南翡翠天猫| www.35631.cc-吉祥彩娱乐平台代理| www.41384.com-彩虹六号腾讯手游| www.376837.com-福彩36期开奖号码| www.519229.com-彩艮乐千禧3d| www.602161.com-开心8彩票登录| www.679216.com-中彩票的福报| www.761184.com-德州快三查询| www.873722.com-江苏快三大发计划| www.60tg.com-刷网易购彩是真的吗| www.3188.la-下载天天中彩网| www.9686.net-壹彩万网址-| www.234240.com-送彩金彩票软件| www.353049.com-53彩票购彩网址| www.66171.cc-买彩票源码什么意思| www.587057.com-河北保定彩票中大奖| www.715863.com-彩神网火爆| www.824563.com-买彩票发财不可能| www.821125.com-时时彩一期人工计划| www.926801.com-达人彩票注册邀请码| www.985658.com-时时彩四星大小走势| www.cr92.cc-159彩票网-| www.wm15.com-福彩123-| www.25bw.com-36彩票-| www.121780.com-最新彩票微信群| www.40672.com-123+彩票网-| www.491456.com-巴西十分彩开奖号码| www.617625.com-忆彩票可靠吗| www.699455.com-颖彩双色球专家推荐| www.776535.com-快乐彩怎么买稳赚| www.854212.com-下载安装多彩网| www.924441.com-云南福彩彩票开奖| www.980498.com-两分钟开一次的彩票| www.dx01.com-297彩票-| www.0jo.com-彩宝贝3d组选杀号| www.74zv.com-福彩3d两千期走势| www.666977.com-乐彩vip网页版| www.756565.com-万万彩吧彩票| www.861590.com-彩报图库真帝王宝图| www.932087.com-河北快三推号| www.987677.com-多种网络购彩| www.673.cc-重庆时时彩关闭了| www.6368.hk-sk彩票骗局-| www.29133.com-河北省体彩兑奖中心| www.189144.com-内蒙快三投注| www.892532.com-彩帝彩票ios| www.958640.com-福利公益彩票全天彩| 易彩网www.36166b.com| www.457688.com-美国彩票中奖几率| www.155115.com-希腊十分彩下载安装| www.228036.com-河南快三必中技巧| www.316770.com-黑龙江时时彩彩票| www.94bu.com-香港正版彩图| www.09709.cc-下载福彩双色球开奖| www.003048.com-香港牛蛙彩开奖现场| www.996364.com-黑龙红福利彩票网| www.950219.com-互联网福利彩票禁止| www.cai011.cc-内蒙快三走势图今天| www.071335.com-彩票软件大全苹果| www.134379.com-福体彩开奖话题页| www.033924.com-彩票和值破解| www.134706.com-蓝盒好彩香烟价格| www.286636.com-教我一个打彩票| www.421898.com-c97彩票网app| www.977195.com-索要彩礼超2万| www.899423.com-彩神通4码-| www.211548.com-天天彩選4-| www.kd26.com-体彩汇总-| www.95lp.com-投彩拉人-| www.973167.com-纯彩虹图片-| www.xk6.com-深圳福彩网-| www.000406.com-太原体彩11选五| www.078820.com-七星彩杀号技巧| www.141479.com-竞彩猫可以投注吗| www.209992.com-彩票合买网站| www.282591.com-时时彩五星缩水大底| www.024781.com-7星彩怎么兑奖| www.964316.com-体彩61-| www.53uj.com-福彩三地百位走势图| www.5314.biz-中国体彩微信购买| www.67637.com-公务员买彩票违规吗| www.384756.com-搜索福彩3d开奖号| www.858708.com-凤凰购彩平台app| www.381911.com-潍坊体彩店转让| www.117762.com-竞彩足球竞彩网| www.333164.com-彩票好中吗-| www.74pd.com-天天好彩资料| www.581986.com-时事彩怎么买不会输| www.547320.com-百万帝国彩票| www.436455.com-云南福彩开奖结果| www.556000.cc-通辽快三-| www.39ax.com-福建体彩高频走势图| www.6351.org-彩票怎么没人造假| www.52163.cc-网络推广彩票犯法吗| www.132611.com-吉利8彩票-| www.68348.com-福彩3d如何中奖| www.025154.com-彩票十二生肖开奖| www.236637.com-竞彩篮球比分直播| www.269963.com-九彩彩票app下载| www.387905.com-667彩票平台| www.533606.com-七星彩随机-| www.677542.com-中彩乐电子群英会| www.790128.com-复式彩票计算器查询| www.870161.com-分分彩计划软件大全| www.950833.com-中国彩票投注技巧| 中彩网www.91233g.com| www.364999.com-彩票k线图如何看| www.675812.com-香港好彩高手论坛| www.780722.com-彩铅画星空图教程| www.841366.com-彩票拍照兑奖| www.898694.com-福彩正版真精华布衣| www.963904.com-买了彩票不会看咋办| 福利彩票www.99677p.com| www.033868.com-彩票机选中了一等奖| www.53ul.com-福彩三d和值走势| www.pm30.com-时时采彩走势图| www.70lu.com-金彩网邀请码在哪看| www.5144.xyz-彩虹旗论坛泡弟弟| www.558701.com-www.234彩票| www.687237.com-竞彩即时比分直播| www.973594.com-快三和值怎么看| www.904987.com-西安彩票店转让信息| www.238630.com-怎么在网上买彩票| www.925890.com-335彩票靠谱吗| www.836671.com-中原和彩-| 至尊彩票www.610560.com| www.8520.cn-分分彩彩票二维码| www.019656.com-o1彩票-| www.00888.cc-乐彩模拟购-| www.811293.com-中福彩3d试机号| www.194573.com-分分彩开奖记录| www.474177.com-博恩说彩-| www.121166.cc-微信彩票群规| www.33439.com-海南快三结果查询| www.348787.com-淘之家大发快三| www.19551.cc-聚星彩票靠不靠谱| www.3515.cc-天天中彩票系统维护| www.596031.com-甘肃省体育彩票网| www.687025.com-长沙体育彩票店| www.896072.com-福利彩票内部数据库| www.886246.com-彩票计算分析原理| www.953409.com-彩神ix辅助-| 亿彩www.6832s.com| www.13117.cc-中国体育彩票介绍| www.680615.com-体育彩票网站建设| www.5577.com-28期七乐彩-| www.13498.com-555彩票-| www.002422.com-苏州开彩票店申请| www.162124.com-竞彩足球合买的软件| www.265785.com-福彩3d最新图表| www.352573.com-彩票33是正规的吗| www.433999.cc-福彩三d大湖谜语| www.203395.com-福彩排列5开奖结果| www.026067.com-十分彩平台违法吗|