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.me67.com-福l彩3刃于奖情况| www.949519.com-彩70彩票平台| www.jl19.com-五亿彩官网-| www.7878.in-0736好彩运-| www.653957.com-t27cc开奖彩票| www.7211.com-彩虹六号版本区别| www.03969.cc-豪彩娱乐官方下载| www.436861.com-779彩票靠谱么| www.511270.com-时时彩是不是正规的| www.598428.com-七星彩19015| www.677508.com-彩钢板临时围挡| www.944987.com-248彩票最新| www.546907.com-澳客彩票客服电话| www.631635.cc-体7星彩开奖结果| www.665908.com-彩票直播app下载| www.614114.com-c29彩票下载安装| www.618869.com-新浪爱彩电脑网页| www.6377.in-彩票六等奖-| www.337138.com-电脑开机彩屏怎么办| www.199513.com-五分⑥和彩开奖网站| www.303317.com-七彩建投-| www.022074.com-神州彩票平台靠谱吗| www.134865.com-送彩金的时时彩平台| www.215391.com-达人彩票下载| www.285836.com-36o彩票网站| www.353222.com-668彩票网平台| www.417545.com-兴业彩票-| www.2556.wang-快三能算出大小吗| www.cai1313.com快三投注平台合法吗| www.22jn.com-美国二战彩虹计划| www.wo56.com-专业的彩票预测分析| www.881564.com-泰国利记博彩| www.952453.com-玩网络彩票合法吗| 发彩www.50732d.com| www.853207.com-金福彩票网提不了现| www.142778.com-八号彩票是不是真的| www.945038.com-乐发彩票-| www.812500.com-3d杀一跨彩宝贝| www.228335.com-河南体彩开奖结果| www.397546.com-足球彩票让球规则| www.590730.com-好彩堂三期四肖必出| www.761787.com-甘肃竞彩专家推荐号| www.871569.com-南京丰彩涂料| www.03bh.com-老9乐购福彩可靠吗| www.89758.cc-七星彩是怎么摇奖的| www.056519.com-安徽省彩票兑奖中心| www.799756.com-彩票中奖号码发给我| 凤凰彩票www.77801f.com| www.66727.cc-3d彩票网上兑奖| www.505545.com-福彩双彩论坛字迷| www.599293.com-卖彩票的自己买吗| www.713301.com-快三破解器下载苹果| www.834389.com-炫彩浮屏什么意思| www.268064.com-500万彩票网购买| www.451197.com-幸运快三彩票计划| www.598743.com-长春彩妆-| www.706298.com-快三杀码专家| www.797974.com-快彩贵宾厅app| www.919576.com-彩票平台怎么找| www.095320.com-于海彩票是那一期| www.732022.com-易彩快3大小单双| www.370269.com-网络福彩被骗| www.553153.com-500万彩票直播| www.675513.com-福利彩票和值走势图| www.93975.com-足彩最新欧赔| www.zz98.com-够力七星彩-| www.2012.biz-博彩买单双技巧| www.970599.com-深圳彩票6000万| www.gu3.com-彩界元宝-| www.94565.com-竞彩平均优化软件| www.188215.com-福彩快3网址| www.976053.com-为什么重庆不要彩礼| www.736341.com-保定市体彩中心电话| www.292338.com-彩票走势图首页新浪| www.382803.com-彩铅笔绘画学生用| www.798825.com-河南体彩泳坛| www.342424.com-好彩频道app| www.774566.com-七星彩获奖规则| www.49139.com-两分时时彩技巧| www.567277.com-百盛彩票安全吗| www.688698.com-彩39下载-| www.833669.com-没税标无嘴好彩| www.947396.com-福彩七加三多少钱| www.wt8.com-甘肃快三期预测号码| www.78.pw-网易彩票提现| 500彩票www.26299k.com| www.13537.com-福彩万能七码| www.868893.com-今日七星彩图规| www.582525.com-中国快三网合法么| www.8330.vip-七星彩预测图规| www.80560.com-彩票整顿最新消息| www.293409.com-慧金彩app-| www.354825.com-彩乃奈奈百度云在线| www.496132.com-福彩三d真实的谎言| www.ob6.com-七彩网彩app| www.110616.com-七星彩最新中奖故事| www.004404.com-彩神计划软件好吗| www.912875.com-彩客彩票网-| www.mj80.com-时时彩组三组六全包| www.5397.com-3个数连一起的彩票| www.033750.com-elg彩票-| www.994817.com-好彩堂马会开奖| www.38be.com-结婚彩礼清单怎么写| www.09xw.com-x23幻彩版配置| www.356719.com-彩票店铺公告| www.189855.com-湖北快三怎么玩| www.020237.com-网易彩票网网址| www.277086.com-现在彩种是十分钟| www.357499.com-彩票的经典段子| www.461522.com-13彩邀请码-| www.558985.com-彩虹的约定教案流程| www.8030.cm-北京快三和值公式| www.58682.com-3d彩报大花猫| www.001971.com-彩票店故事-| www.685603.com-江苏快3彩控网| www.150456.cc-快三和值买法| www.299054.com-全能中彩是不是真的| www.375882.com-七星彩排列图| www.470674.com-体彩和值大小| www.558734.com-彩c02-| www.622901.com-幸运飞碟彩票| www.3096.biz-买不了世界杯彩票| www.06955.com-福彩和差运用| www.513682.com-快三出现最多的号码| www.861910.com-彩票店装饰图片| www.13ep.com-百世子彩票软件下载| www.fp71.com-甘肃快三高手| www.d66.online-彩8预知软件| www.6281.me-五福彩登录-| www.83109.com-最新一期彩票中奖号| www.696390.com-体彩虚拟足球e球彩| www.125971.com-如何下载网易彩票| www.231967.com-黑彩票破解器| www.404944.com-欧冠冠军猜冠军彩票| www.560685.com-福彩三d九宫选号图| www.713938.com-彩神争霸彩票app| www.948207.com-特彩吧琭场报码开奖| www.ni2.com-200万彩票app| www.16rx.com-k彩在哪里下载| www.187897.com-七星彩的玩法规则| www.469934.com-去国外做彩票犯法吗| www.905395.com-彩票实体店倒闭| www.999652.com-甘肃快三豹子| www.gg12.cc-彩票双色球开奖号码| --彩票指南正版报纸| www.019632.com-福彩快三数据专家| www.231791.com-乐彩彩票app下载| www.322944.com-彩票今日开奖| www.412825.com-体彩足彩竞彩计算器| www.529892.com-東方彩-| www.585196.com-网易彩票—彩种| www.657493.com-中彩网原版资料| www.771566.com-时时彩庄家作弊| www.847285.com-有哪些足彩推单| www.919160.com-新时彩中奖-| www.974586.com-众盈彩-| www.tj49.com-做彩票-| www.846993.com-今天体彩排列五奖号| www.955487.com-体育彩票销量排行| 亿发彩票www.901175.com| www.52538.cc-彩票秘籍公式| www.047101.com-网络彩票8816| www.118926.com-大发快三输钱| www.199181.com-福彩快三哪几个省有|