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.79na.com-任九吧足彩比分直播| www.10660.com-赢钱彩网站-| www.548122.com-五分彩骗局能举报吗| www.650326.com-托班彩虹伞游戏玩法| www.727976.com-山东福彩下载| www.815033.com-彩票玩法技巧绝招| www.889553.com-七乐彩票提现失败| www.967205.com-聊呗彩票群-| 奔驰彩票www.905866.com| www.4825.com-三晋福彩网论坛| www.tf06.com-体彩418走势图| www.738339.com-中彩票原理-| www.327502.com-168彩票开奖大全| www.59ee.com-中国体育彩票杯| www.40he.com-七星彩大小-| www.23513.com-神彩趋势软件官网| www.109556.com-晶彩派-| www.234252.cc-快购彩票3怎么玩的| www.73kj.cc-巨弘国际时时彩平台| www.948556.com-彩票销售额排行榜| www.vf29.com-河北福彩快3豹子5| www.47lr.com-七乐彩质合走势| www.6294.org-手机彩票刮刮卡| www.25638.com-澳门老鼠报彩库图库| www.77248.cc-彩票几率有多低| www.338789.com-98彩票网手机| www.517582.com-55彩票网站-| www.606189.com-旺彩专家推荐号| www.684599.com-最棒的彩票网站大全| www.765220.com-808海口彩票论坛| www.yj80.com-快三倍投是什么意思| www.53el.com-家家好彩100网| www.0716.site-香港赛马派彩及结果| www.8165.biz-电竞博彩吧-| www.33665.cc-快乐彩票网址是什么| www.826727.com-98app彩票网| www.906778.com-66好彩app-| www.992957.com-福彩红球分三区| www.db00.com-彩神ⅱapp-| www.910567.com-体彩可以买nba| www.974249.com-大发快三坑人不| www.hc.com-江苏快三网址| www.35968.com-今天福彩图纸| www.86022.com-四川铝卷彩涂| www.287813.com-中国彩票大厅| www.768967.com-软件亚博彩票| www.879369.com-福彩3d脑筋急转弯| www.963747.com-福利彩票好处| www.cp7171.com-江苏快三靠谱吗| www.xw44.com-做梦买彩票中奖| www.975105.com-中国福彩北京小汽车| www.358416.com-管家婆彩票史| www.559190.com-呼和浩特彩票中心| www.640622.com-大乐透图迷与彩民乐| www.743438.com-买彩票中奖概率多大| www.820013.com-彩票如何跨省兑奖| www.898627.com-湖北快三个位走势图| www.973537.com-好彩票123-| www.cai8033.com福彩快三如何玩| www.677366.com-投彩彩票哪个好| www.992126.com-百彩网h+k手机网| www.wz64.com-湖北快三害人不浅| www.053739.com-yy彩票登录| www.180588.com-玩快三输的倾家荡产| www.41099.com-网易彩票如何提现| www.644933.com-彩霸王·论坛高手大| www.39914.com-彩巴巴软件下载| www.b90.org-彩票中奖新闻生成器| www.435062.com-512彩吧-| www.85097.com-3d跨度彩乐乐| www.101874.com-足彩任选九场奖金| www.215613.com-七星彩杀号公式汇总| www.7095.biz-博创彩票是正规的吗| www.32262.com-章鱼足彩爆料| www.2274.cn-彩票梯子计划软件| www.8218.biz-ll彩票怎么玩| 彩票大家乐www.21202s.com| www.15016.com-港彩网址大全| www.279586.com-腾讯时时彩开奖| www.400733.com-体彩自助终端机功能| www.24758.com-樱花树彩铅画教程| 大赢家彩票平台www.710650.com| www.46898.com-彩票77分分时时彩| www.231644.com-中福快三计划下载| www.628244.com-天l空彩票与你同行| www.795802.com-新加坡福佳彩财源报| www.51jg.com-手机足彩过滤软件| www.22599.cc-七乐彩现场摇奖结果| www.579441.com-易购彩票是骗人的吗| www.662972.com-当今最新彩票走势图| www.550571.com-华夏彩票hxcp| www.10017.com-快三是彩票-| www.137410.com-腾讯分分彩最新漏洞| www.149908.com-广东体彩网官方首页| www.18311.cc-福彩电子报-| www.73055.com-快三二同号| www.334156.com-518实时彩票| www.276179.com-投注平台彩种多| www.69883.com-天干地支彩票尾数| www.sm.com-大发彩票快3网站| www.953632.com-网上福彩正规网站| www.vj2.com-马来西亚乐和彩网址| www.2376.cn-福彩选三开奖结果| www.ox0.com-拉萨体彩十一选五| www.zk67.com-快三买和值怎么玩| www.tt75.com-快开福彩是真的吗| www.109378.com-金利彩票网站| www.565.cn-什么是彩票龙虎玩法| www.72874.com-福彩大师独胆就一个| www.ho35.com-高频彩票怎么赚钱| www.8885.com-足彩8串8能错几场| www.317598.com-快三职业彩民| www.811110.cc-福彩快3好吗| www.972034.com-北方老彩民-| www.fx51.com-网买彩票被骗报警了| www.465883.com-彩票怎么玩必输| www.620137.com-贴彩瓷器-| www.707792.com-玩快三输十万| www.800235.com-福彩双色球频道直播| www.957457.com-红牛彩-| www.302448.com-贵州快三一天开几期| www.0309.cc-彩票是不是假的| www.165935.com-甘肃快三推荐| www.1035.com-速彩网app下载| www.858246.com-买了18年彩票| www.939676.com-彩票中一等奖的选法| www.990809.com-彩票不中包赔| www.bo34.com-彩68彩票下载| www.517790.com-彩票站风水聚财| www.744848.com-开个彩票网站多少钱| www.830340.com-查询彩票的最好软件| www.361795.com-买彩票就是看运气| www.499499.cc-双彩工作室163| www.593228.com-彩虹六号豪华版有啥| www.677098.com-彩票连挂-| www.9565.in-手机玩彩票合法吗| www.340737.com-3d彩膜-| www.481858.com-河南幸运彩争先勇士| www.266217.com-河北省福彩开奖公告| www.925997.com-深圳区块链彩票| www.253889.com-云南时时彩详情开奖| www.340070.com-金彩国际是什么| www.z14.bid-彩友吧双色球会| www.834812.com-好彩爆珠4mix| www.935628.com-彩神打印机-| www.995090.com-体彩哪个电视台开奖| www.zr8.cc-福彩历史开奖记录| www.040118.com-哪里还有足彩合买| www.347198.com-彩票娱乐网站下载| www.70704.cc-一品彩票平台靠谱吗| www.130943.com-江西彩礼为什么高| www.322232.com-山西竞彩大奖| www.393947.com-彩虹彩票官方网站| www.479308.com-99福彩是真的吗| www.536939.com-中国体彩头像| www.588758.com-湖北快三万能码| www.637888.cc-七星彩画规律图| www.686058.com-彩色水磨石图片| www.783068.com-内蒙古彩票重奖查询| www.840281.com-体彩竞猜比分| www.886473.com-谁有淘彩票邀请码| www.948777.com-快三微信群二维码| www.dl89.com-体育彩票500| www.082626.com-118网站彩票|