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.553685.com-胜负彩改期-| www.441930.com-体彩退机手续| www.561808.com-注册开户送38彩金| www.259122.com-竞彩篮球投注app| www.436465.com-云南彩票中奖情况| www.931955.com-体彩吉林11选五| www.502217.com-玩彩票怎么损止| www.yj96.com-5分快三倍投几轮| www.196985.com-彩神app-| www.298392.com-福彩3d开奖奖号码| www.73880.com-福彩3d开奖试机号| www.788695.com-19053期足彩| www.880503.com-北欧十分彩开奖| www.976377.com-彩票开奖直播app| www.eb93.com-彩票店营业时间| www.12fu.cc-i8彩票官网| www.543.org-公益彩票大乐透| www.92122.cc-丰彩彩票中100万| www.351411.com-体彩输了怎么办| www.472887.com-迪斯尼彩乐园app| www.617676.cc-结婚彩礼现金图片| www.179139.com-北京快三遗漏号数据| www.555931.com-红彩会登录手机登录| www.am07.cc-河北福彩快3一定牛| www.170617.com-河北省快三未出号码| www.320042.com-福彩图迷字谜总汇| www.442508.com-足彩篮彩分析软件| www.559678.com-云彩宝客户端下载| www.649423.com-体彩几点钟开始| www.454.org-财神爷彩票下载| www.462005.com-99彩票挂机软件| www.572508.com-湖北福彩管理中心| www.659662.com-海南省体育彩票图片| www.751480.com-杨震足彩推介| www.871595.com-足彩缩水软件有哪些| www.962278.com-神彩争霸app下| 亿万彩票www.456586.com| www.w33.top-武汉体彩中心电话| www.134728.com-福彩票开奖号码查询| www.389038.com-彩票在线分析预测| www.623105.com-体彩排列三独胆王子| www.4128.vip-厂西快乐双彩开奖| www.32ma.com-彩票要买几个数字| www.333144.com-体彩31开奖信息| www.464966.com-分分快三每分钟一开| www.562103.com-私彩2015-| www.637267.com-彩虹桥图片-| www.764300.com-天下彩下载-| www.840497.com-彩票领奖地点| www.919699.com-竞彩app软件开发| www.994158.com-炫彩油画-| www.cf95.com-彩票旗舰网合买大厅| www.776205.com-嬴彩票-| www.879026.com-澳门快三下载| www.970612.com-凤凰彩票计划软件| www.cp509.com-上海市快三开奖号码| www.729008.com-北京快三开到几点| www.855527.com-福彩3d浪淘沙| www.cp984.com-福建福彩快3开奖| www.58aa.cc-福彩中心在哪里镇江| www.789124.com-竞彩论坛客户端下载| PK彩票www.www.23040.com| www.544535.com-彩票最高连挂| www.682085.com-足彩代买app| www.908369.com-彩票最新源码| www.uz29.com-481彩票官方网站| www.301838.com-体彩七星彩开奖时间| www.400804.com-重庆时时彩火星计划| www.571365.cc-大发快三如何推算| www.022419.com-牛蛙彩开奖现场| www.145746.com-体彩基诺型彩票| www.113593.com-猜大小彩票软件| www.241169.com-北京快三第一牛| www.362229.com-百乐彩今晚开奖结果| www.415125.com-enzo彩宝-| www.565799.com-体彩481任二全包| www.661469.com-彩票代投长期兼职| www.87769.cc-七星彩票的骗人方法| www.895140.com-乐彩网三地走势图| www.645667.com-俄罗斯彩蛋品牌| www.822626.com-福利彩票追加| www.955940.com-修改彩票平台时间| www.ag61.cc-132彩票app-| www.do4.cc-福利彩票快3怎么买| www.215920.com-七星彩几个号算中奖| www.9360.net-福彩调查最新进展| www.051002.com-香港高频快三娱乐| www.947227.com-体彩有快三吗| www.357966.com-彩票幸运快三计划| www.623770.com-彩票分析家安卓版| www.948999.cc-国彩网网址-| www.cp5398.com-北京快三最新版本| www.882764.com-基诺彩票怎样中奖高| www.994361.com-上海快三稳赚作弊| www.90bv.com-地下博彩-| www.69476.com-老猫看彩-| www.1846.com-八角星彩票合法吗| www.190103.com-上海彩票快3| www.355704.com-足彩怎么扣税| www.92gm.com-现在能手机买彩票吗| www.362135.com-描写彩虹好词佳句| www.hp96.com-快三走试图-| www.q79.com-双阳黑彩-| www.75cd.com-时时彩倍率换算| www.cai5679.com一分快三走势图分析| www.6855.net-我中啦彩票网靠谱吗| www.561080.com-久游彩票平台半厘| www.637090.com-手机版彩虹六号| www.0853.com-全发国际彩票注册| www.7338.com-彩虹六号加速器推荐| www.614255.com-快三跨度号码| www.807661.com-彩票故事中奖| www.881014.com-大发快三人工计划群| www.949748.com-22彩票官网下载| www.989952.com-彩漂液的危害| www.cp5311.com-快三是国家承认的吗| www.hy68.com-福彩体彩基本走势图| www.yx80.com-神圣彩票怎么样| www.14cj.com-福彩杀戮数-| www.63xo.com-彩票无损刷水| www.90513.com-qqcp彩票-| www.063429.com-连连中彩票骗局| www.283.me-大公鸡七星彩手机版| www.8672.in-彩票开奖七星彩排五| www.806750.com-e彩乐在线官网下载| www.950694.com-福彩3α论坛| www.cai3833.com吉林省快三开奖走势| www.ps13.com-买珠江彩票真的赚吗| www.04pd.com-福彩往期往期结果| www.963007.com-彩铅花卉图片| www.466994.com-足彩2场单场固定| www.868173.com-七星彩这期规律图| www.971749.com-创彩网平台是真的吗| www.z85.com-李彩桦图片-| www.799515.com-什么彩票奖金最高| www.190313.com-快三彩票网站大全| www.336892.cc-湖南省福彩中心地图| www.412358.com-彩钢板尺寸规格表| www.261863.com-福利彩票官网开奖| www.160000.cc-下载app500彩| www.251913.com-cp12彩票-| www.9087.vip-兴博彩票qq群| www.506132.com-六爻测港彩生肖法| www.574872.com-糖果彩指导员| www.266299.com-拉人玩彩票的套路| www.39mo.com-18147期足彩| www.11581.cc-好彩烟多少钱| www.673938.com-36o彩票走势图| www.770290.com-快乐彩票注册| www.848519.com-c61彩票下载安装| www.924788.com-澳洲有哪几种彩票| www.991766.com-彩霸王论坛小鱼儿| www.fj67.com-比较稳江苏快三计划| www.s48.cc-银川千彩摸吧价格| www.48by.com-荣耀网彩票导航站| www.6430.vip-333彩网账号| www.09616.com-广东体彩订票网| www.58580.com-高频彩高手打法| www.637688.com-彩虹加速器-| www.187.in-彩铅画花朵简单| www.4332.biz-彩票算法规律| www.47609.com-天尊好彩妹cp| www.579282.com-手机幸运彩票| www.662930.com-杳彩票开奖公告|