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.614356.com-高频时时彩快彩大师| www.21mq.com-d9彩票登入-| www.8191.in-977彩票官网| www.cp1010.com-快三网赚-| www.623698.com-彩票下载软件大全| www.558828.com-彩虹照片唯美| www.yq93.com-tt快三直播间| 星际www.m.55xj.vip| www.rn94.com-彩之源彩能不能赚钱| www.129734.com-安徽彩票新闻| www.335323.com-广西快三网投| www.566506.com-福彩幸运二玩法| www.757995.com-希望彩票是骗局吧| www.890230.com-福彩案是怎么判的| www.ae31.com-数字彩票频道| www.45cd.cc-竞彩足球预测推存号| www.88ey.com-3d黑彩中奖倍率| www.104798.com-彩票中奖得主| www.m80.org-彩票输的倾家荡产| www.61ke.com-上期双色球彩票开奖| www.0389.xyz-精彩音乐汇超级女孩| www.02782.com-中彩网官方下载| www.863440.com-彩客网旧版-| www.887380.com-下彩网网址-| www.v25.net-hc好彩网-| www.919.cc-咋申请彩票投注站| www.15231.cc-彩吧论址首页| www.96953.cc-福彩双色球七加一| www.102758.com-时彩快三-| www.212283.com-优信彩票大发三| www.313835.com-吉林快三是个骗局吗| www.507326.com-多宝彩票合法的吗| www.2vi.com-首页青蛙彩票导航| www.142800.com-彩八彩票可信吗| www.568048.com-体彩可以网上买吗| www.506518.com-买彩票的秘诀| www.95273.com-足球彩票推荐预测| www.98387.cc-时时彩一分钟开一期| www.288330.com-足彩让负什么意思| www.8154.net-澳门有什么彩票开奖| www.5743.top-体彩选号规则| www.842390.com-彩票公益金的用途| www.16187.cc-体彩中心副主任站姿| www.024762.com-江西省体彩网| www.039151.com-36o购彩网-| www.150164.com-快三最笨买法| www.230561.com-河北福彩快三助手| www.309355.com-山东福彩网论坛| www.851855.com-时时彩任二绝招| www.972869.com-足彩胜平负彩客网| www.96ph.com-彩排的目的-| www.534685.com-彩吧论首页天齐网| www.74zv.com-福彩3d两千期走势| www.ip98.com-体彩屋-| www.223030.com-丹麦快乐彩开奖记录| www.748568.com-浙江快乐彩任3技巧| www.910655.com-中国足彩网计算器| www.998362.com-网上玩时时彩靠谱么| www.my62.com-福彩三d视频新手| www.072.cc-足彩票下载-| www.007055.com-爱乐透购彩官方版| www.693876.com-三d彩票贴吧| www.ef24.com-吉林快三计划图| www.0sq.com-乐彩网人生-| www.318035.com-三分时彩开奖记录| www.545410.com-金花彩票-| www.690342.com-足球竞彩走势图| www.827588.com-彩民网网址平台| www.559922.com-彩图-| www.2328.vip-吉林快三专家| www.5504.com-彩票给真有大奖| www.76589.com-梦见彩票开奖号码| www.305962.com-江西福彩查询| www.947821.com-竞猜彩票怎么买| www.qx8.cc-甘肃快三精准计划| www.uw63.com-彩票查询app| www.10ld.com-进球彩最新开奖结果| www.750464.com-大十字体育彩票网点| www.858410.com-足彩跟单-| www.948731.com-福彩的d开奖结果| 博乐彩票www.35918j.com| www.jt70.com-彩铅画山水-| www.p85.cc-网络彩票不给提现| www.55fc.cc-福利彩票公众号全称| www.131049.com-安阳内黄县彩礼| www.29yb.com-福利彩开奖票| www.176923.com-街机新快三下载| 众乐彩票www.689044.com| www.jw11.com-彩铅彼岸花-| www.yr66.com-体彩于斌-| www.488685.com-北京快三豹子推荐| www.550337.com-彩客化学公告| www.649134.com-七彩椒几月播种| www.783297.com-福彩彩票双色球图标| www.872528.com-湖南体彩赛车| www.963894.com-买彩票的走势图| www.ep83.com-福彩三d-| www.0rj.cc-7乐彩app-| www.1904.xyz-极速快三实时计划| www.13261.cc-竟彩360直播| www.94ww.com-一一一彩票平台| www.475651.com-万得彩票-| www.559717.com-彩票开奖时-| www.639192.com-彩票专家赚钱吗| www.726815.com-彩票端是正规的吗| www.805879.com-双色球分析唯彩看球| www.869959.com-鸿彩下載-| www.939256.com-旧版彩神争争霸2| www.984270.com-二分彩玩法-| www.go98.com-好彩客app官网| www.828819.com-ee彩app合法吗| www.911677.com-瑞彩网彩票可靠吗| www.972498.com-福彩p62开奖查询| 众乐彩票www.684544.com| www.gl51.com-温县彩礼多少| www.yl12.com-黔东南福彩中心地址| www.76ab.com-线上投彩是合法的吗| www.1235.in-新利福彩3d怎么事| www.6779.net-幸运福彩3132| www.923936.com-appcp彩票-| www.990664.com-澳客足彩必发交易量| www.qw41.com-分分彩玩法-| www.84353.com-彩钢瓦搭建视频| www.057518.com-快彩真的假的| www.940629.com-彩6彩票官网| 大赢家彩票网www.54400s.com| www.005457.com-福建省体彩彩民论坛| www.088272.com-微信群玩快三骗局| www.167591.com-福彩快3开奖结果| www.86oe.com-go彩刷流水可靠吗| www.846757.com-彩票图彩在线| www.3680.cm-万彩吧c8cn合| www.k17.top-彩吧图库第二版3d| www.123133.com-酷彩吧买彩票| www.870976.com-奖多多彩票真的假的| www.cai3030.com快三是什么啊| www.2672.com-6288彩票登录| www.9626.top-幸运彩票外挂| www.753787.com-118彩票送彩金| www.947278.com-彩票概率问题| www.dz34.com-福彩押大小-| www.05vm.com-什么牌子的彩铅好| www.66129.com-彩票选号怎么选的| www.102223.com-彩神争霸解绑银行卡| www.199856.com-快三二同号复选技巧| www.273583.com-于海彩票案-| www.59982.com-彩票大发快3下载| www.073336.com-梦想彩票站官方网站| www.181657.com-贵州快三开奖纟结果| www.267300.com-足彩最新分析| www.095883.com-微信哪里可以买彩票| www.191936.com-北京快三选号助手| www.83286.com-广西福彩投诉电话| www.704849.com-中国足彩胜负彩| www.8872.in-过夜彩金幸运28| www.411236.com-破重庆时时彩规律| www.554230.com-彩票短租-| www.067788.com-怎么搭建彩票平台| www.9387.biz-福彩3d彩图全汇| www.448051.com-足彩第19026期| www.540046.com-超简单的彩铅画图片| www.596186.com-福利彩票奖项设立| www.660126.com-福彩游戏-| www.756875.com-体育彩票9场中奖|