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.89850.com-80彩网址-| www.114381.com-91彩票全天计划| www.199857.com-武汉竞猜快三查询| www.270448.com-新彩彩票手机登录| www.qa28.com-彩01彩票软件| www.09ai.com-五分彩票-| www.94tq.com-一号彩票代理人有吗| www.780496.com-亚博阿里彩票官网| www.920868.com-福彩15选5开奖| 彩71www.551416.com| www.1232.top-七星彩容易中奖技巧| www.56365.cc-福彩快3速查表图片| www.j40.net-香港皇马彩票| www.99xz.com-惠州福利彩票双色球| www.6067.biz-体育彩票竞彩微信群| www.17966.cc-彩客竞彩-| www.75515.cc-福彩3d奖号走势图| www.950813.com-腾讯5分彩计划软件| www.o88.in-体育彩票买4个号| www.vl90.com-彩票中奖纠纷案例| www.72mm.com-约彩365是真的吗| www.3502.vip-欢迎谦喜彩票| www.247200.cc-上海彩票选四| www.02167.com-彩神iv8-| www.53ok.com-幻彩官网-| www.3638.net-嘉定中奖彩民图| www.20966.cc-彩票app诈骗提醒| www.68289.cc-共享彩票百盈快三| www.160277.com-凤彩网专属app| www.321132.com-极速快三玩法| www.394318.com-福利福彩app| www.748244.com-淘彩-| www.828696.com-七天彩主页快三| www.913193.com-彩经网3d九宫图| www.973461.com-彩虹哥英雄联盟| www.064267.com-下载体育彩票大乐透| www.173071.com-体彩福彩开奖结果| www.274285.com-快三心得-| www.375496.com-广东省福彩36选7| www.522299.com-5彩票5-| www.604111.com-彩票论坛幸运飞艇| www.687218.com-第一彩票九龙心水网| www.8840.biz-彩票的类型-| www.91852.com-好彩三八是什么意思| www.019744.com-铜胆中彩专家| www.121812.com-西安宝马彩票案始末| www.946905.com-全部彩种5分快3| www.pw3.com-快三怎么算中奖| www.950000.com-一定牛彩票是真的吗| www.iy.cc-下载北京彩票快3| www.xm17.cc-01福彩-| www.976351.com-49彩票是骗人的吗| www.42uj.com-怎样算彩票号码| www.157812.com-足彩胜平负公式计算| www.351202.com-体彩福彩官方网站| www.456348.com-买高频彩有赚钱的吗| www.559838.com-多彩贵州是什么单位| www.645178.com-湖南福彩黄海林| www.456.tm-哪国的彩票最真实| www.8528.com-合肥福彩站点查询| www.131773.com-运城结婚风俗彩礼| www.966265.com-极速快三的套路| www.gs94.com-大发时时彩单期计划| www.i50.pw-彩娃彩票官网| www.54fl.com-广东福彩查询电话| www.1027.online利盈彩票怎么玩| www.06324.com-体彩排列五遗漏统计| www.964085.com-网友让买彩票| www.ge73.com-彩库宝典下载安装| www.751834.com-彩票一号平台登录| www.970.la-七星彩怎么打规律| www.9821.loan-七星彩开奖更多期次| www.68223.cc-合肥福彩领奖地址| www.074004.com-彩票代理注册| www.6182.xyz-3d老版彩圣字谜| www.298742.com-河北冀彩网-| www.394039.com-彩虹六号围攻新干员| www.608316.com-竞彩计划单稳赚| www.692077.com-彩乐网最新软件| www.38255.com-博创彩票骗局| www.019526.com-中大奖彩票网站| www.137990.com-大运彩票平台网址| www.258627.com-竞彩足彩-| www.356120.com-企鹅分分彩在哪下载| www.466198.com-盛世彩票下-| www.562903.com-沃尔玛福彩图案| www.646343.com-时时彩qq群-| www.413840.com-出彩的文章-| CP701www.544bb.cc| www.680736.com-银川体彩中心| www.86ld.com-竟彩澳客推荐新浪| www.542789.com-彩发彩票32937| www.863758.com-彩票开奖千-| www.943996.com-佰萬彩票是真的假的| www.991569.com-旺彩社区3d-| www.al85.com-福彩快三专业版下载| www.ww09.com-送彩金的赌博平台| www.29jy.com-福彩能买到大乐透吗| www.1311.cm-福彩3d守号坑人| www.9222.site-乐彩站是什么网站| www.57094.com-中国人福彩网| www.0zs.cc-红彩网络直播吃饭| www.776111.cc-速彩网诈骗-| www.jv55.com-河北快三在线购买| www.8qg.com-玩时时彩票群| www.64hd.com-竞彩中什么叫交叉盘| www.1337.me-最牛七乐彩选号汇总| www.8538.top-七彩金龙-| www.36673.cc-9号彩票线路| www.92272.cc-湖北体彩ll选5| www.hh46.com-中彩彩票怎么玩法| www.228955.com-河南快三合之| www.32377.cc-8k彩票赚钱可靠吗| www.96738.com-竞彩概率计算方法| www.080067.com-买彩票就用一个公式| www.070024.com-中彩票的密码| www.150830.com-v9娱乐彩票-| www.504048.com-演出彩排说说| www.398035.com-七星彩头尾特区| www.731324.com-怀诚体彩店app| www.855073.com-中奖彩票故事| www.958787.com-乐彩客彩票客户端| 星际www.m.55xj.vip| www.947196.com-二分彩开奖-| 爱彩www.005ac.com| www.772951.com-微信送99彩金| www.956331.com-七星彩开将结果| 361彩票www.361gc.com| www.mp4.com-快三表格-| www.qu00.com-老是彩360走势图| www.54sv.com-彩山特曲39度6瓶| www.2264.com-m8彩票一彩种| www.9203.com-在手机上怎样买体彩| www.003059.com-体彩七星彩开结果奖| www.102327.com-博众取彩-| www.14222.cc-网上彩票站下载| www.82528.com-足彩场次安排| www.030960.com-永乐彩-| www.108523.com-网易彩票开奖查洵| www.161678.com-彩乐汇安全吗| www.974613.com-众彩排三预测| www.5735.top-今日说法彩票纠纷| www.14918.com-时时彩赚钱唯一方法| www.47292.com-德州快三查询| www.87730.com-巴登五分彩是真的吗| www.027614.com-易彩堂合法吗| www.087317.com-福彩快3安徽| www.143007.com-彩虹网彩票靠谱吗| www.217095.com-彩神v8-| www.283593.com-福彩快3奖金多少| www.717070.com-彩铅画要求-| www.788539.com-中国竞彩网官方主页| www.859709.com-泉州体彩音乐聊天| www.915618.com-福彩网点申请和利润| www.972749.com-蝴蝶彩铅画-| www.dc28.com-怎么下载人人中彩票| www.tg07.com-大发快三预测下期| www.316322.com-体彩竞彩申请名额| www.414789.com-七彩蓝田是不是传销| www.02pz.com-彩神今日3d预测| www.93vi.com-彩色画图片线描| www.484228.com-大乐透一定牛彩票网| www.585502.com-发大财彩票平台| www.886993.com-体育彩票是否真实|