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.549670.com-上海福彩自助销量| www.935338.com-pk彩票ios-| 九五彩票www.959553.com| www.590086.com-福彩3d字迷图迷| www.699600.com-中国福彩双色球查询| www.799386.com-彩票店里单机| www.881843.com-唰福彩-| www.960175.com-彩平台送彩金| PK彩票www.579199.com| www.102914.com-k彩_彩民-| www.321880.com-万能彩票中奖软件| www.829206.com-k3彩票邀请码| www.508970.com-腾讯欢乐竞彩靠谱吗| www.611013.com-福利彩票的利润| www.81153.cc-体彩手机在线即开彩| www.ng9.com-传统一分快三走势图| www.84698.com-彩票中大奖去哪领奖| www.940199.com-重庆福彩时时彩| www.cp5662.com-快三游戏下载| www.1te.com-湖北体彩怎么领奖| www.074646.com-彩富网是真的假的| www.024057.com-台湾五分彩开奖号码| www.114760.com-彩乐乐3d预测专家| www.078013.com-中福时时彩怎么提现| www.6335.biz-福彩双色球奖金查询| www.42596.com-彩票挂机讨论群| www.230918.com-中国福彩快三湖北| www.679249.com-彩678怎么安装| www.774409.com-福彩代理犯法吗| www.891526.com-彩票术语怎么解释| www.970124.com-3d彩宝贝杀号| www.gb7.com-彩票玩法双色球| www.m18.cn-彩票管网-| www.713059.com-吉林快三案-| www.5168.vip-彩虹旗是什么意思| 大赢家彩票网www.544092.com| www.37762.cc-宏盛彩票软件| www.98906.com-时时彩如何科学倍投| www.9175.shop-彩票开奖筛选软件| www.081615.com-彩票数字密码| www.j16.cc-糖果派对送彩金图片| www.2033.net-51中彩是真的吗| www.4446.xyz-澳门快三计划| www.408555.com-体彩大乐透元旦放假| www.cp7178.com-江苏快三可靠吗| www.057173.com-dj彩票平台网址| www.137606.com-9彩娱乐平台| www.160.me-五洲彩票是真是假| www.13lk.com-好彩一条多少钱| www.36kj.com-703彩票香港报| www.y54.cn-快三历史最长龙| www.678675.com-雪缘园足球彩票直播| www.445767.com-男子1亿买彩票输光| www.9088.biz-网易福彩开奖视频| www.67049.com-江苏省福彩中心电话| www.024487.com-财富彩票下载安装| www.249654.com-多盈彩票-| www.34193.com-快三彩票合法么| www.022071.com-手机打彩票是什么| www.39124.com-汇彩国际信誉平台| www.268760.com-9228彩票-| www.003743.com-河北快三最大值振幅| www.361240.com-六冠彩票官网| www.981189.com-七彩冰激凌-| www.bl98.com-福彩快三宏助手| www.vp25.com-算出重庆时时彩口诀| www.19ds.cc-掌上购彩七天彩代理| www.296901.com-惠民彩票网-| www.cai8158.com贵州福彩中心在哪| www.21968.com-彩票平台提现被锁| www.017953.com-彩投彩票app| www.107353.com-竞彩销量下滑原因| www.30877.com-多盈彩票平台官网| www.6058.vip-彩票破损还能兑奖吗| www.630718.com-排五彩票走势图| www.326357.com-3d彩票过滤器| www.493815.com-立即购买双色球彩票| www.627720.com-经典彩调-| www.762479.com-时时彩网站哪个好| www.569155.com-体彩排列三中奖新闻| www.773551.com-2分时时彩哪里的| www.23483.com-彩票游戏平台赌博| www.3608.cc-南方彩票双彩网下载| www.62313.cc-时时彩有赢家吗| www.021839.com-高频彩可以玩吗| www.994422.cc-非法经营彩票网站罪| www.dm59.com-澳门六星彩wg88| www.444248.com-足彩主队-| www.759.me-百乐彩网页-| www.6071.cn-彩博平台-| www.yf87.com-派彩电子走势图电视| www.50gs.com-鲸彩漆-| www.50xz.com-足彩11转9生成器| www.0186.vip-彩云国同人红依恋| www.065630.com-重庆福彩手机报| www.931072.com-马来西亚乐和彩官网| 中国福利彩票www.33588c.com| www.018533.com-手机彩票缩水| www.088322.com-快三权威软件著作权| www.41gn.com-福彩开奖怎么看| www.546666.com-599xcc易彩堂| www.657219.com-福彩游戏厅下载| www.736259.com-内蒙古了快三走势图| www.799729.com-彩票中奖地查询| www.866403.com-福彩5分钟一期的| www.930697.com-什么时候适合买彩票| www.977768.com-彩色压模混凝土路面| www.cp5969.com-快乐彩开奖结果查| www.076590.com-江苏快三计划大师| www.26jo.com-彩票大管家站长版| www.086132.com-聚宝理财五分彩票| www.183381.com-福利彩票甘肃快3| www.273652.com-大奖彩票是黑平台| www.159157.com-福彩图迷第三版| www.639439.cc-彩票店刮刮乐诗| www.139423.com-快三怎么能赚钱最快| www.947159.com-福彩二十选八| www.998208.com-神州分分彩-| www.ds25.com-玩极速快三能赢钱吗| www.zm68.com-3d双彩字谜论坛| www.984659.com-彩运8网页版| www.ob5.com-甘肃快三今日走势图| www.or96.com-江苏一快三开奖遗漏| www.005450.com-5分彩骗局大揭密| www.067340.com-3a彩票平台-| www.778947.com-大花虎彩报-| www.870662.com-福彩三地两元网| www.950669.com-乐彩客彩票新版| www.990546.com-全民彩票网官网| www.kl.cc-皇都彩票入口| www.pn81.com-湖北体彩精彩十分走| www.023529.com-福彩体彩3d速查表| www.137052.com-彩788软件下载| www.122457.com-色彩传奇骗局| www.342.tv-关于色彩的有趣现象| www.6232.xyz-88彩票网黑钱| www.802710.com-长沙最大彩票大奖| www.075561.com-怎么戒掉彩票| www.068689.com-快三摇奖机-| www.2396.win-期期好彩743| www.653089.com-澳彩相同初赔| www.283328.com-上海彩票玩法| www.6015.net-购彩信誉平台登录| www.052110.com-安徽快三组合分布图| www.881670.com-百姓彩票手机版下载| www.60574.com-宏发娱乐彩网| www.004892.com-快三二不同计划| www.50105.com-悟空彩票app| www.444624.com-体彩助手官网二维码| www.761427.com-大乐透中彩票的概率| www.77548.com-上海体彩发行中心| www.060738.com-买私彩注意-| www.581361.com-福彩往期中奖号码| www.657663.com-利博彩票在线客服| www.956023.com-私彩破解器-| www.ou60.com-福彩3b开奖结果| www.18hk.com-鲁豫采访彩票大奖者| www.035.cm-民生网彩票-| www.0983.biz-91彩神代玩违法吗| www.08266.com-南海福彩中心站| www.227877.com-福彩网上能购买了吗| www.f92.com-老彩民下载-| www.89vk.com-三的走势图彩吧助手| www.4074.cc-乐彩33登陆-|