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.388945.com| www.cp8248.com-江苏彩票-| www.107790.com-足彩胜负彩比分| www.248000.com-苹果版彩神通下载| www.zh10.com-七乐彩专家杀号| www.205322.com-一分快三押大小技巧| www.611716.com-彩虹岛with-| www.970513.com-安庆体育彩票| www.2378.me-下载七彩阳光第三套| www.778089.com-分分彩送彩金| www.969539.com-酷彩吧网页版| www.l73.cc-彩81彩票下载| www.133841.com-快三二同号有多少个| www.989949.com-彩漂泡一晚上没事吧| www.dy11.cc-下载亿彩网aap| www.45631.com-马来三分彩计划| www.001639.com-福建十一选五爱彩乐| www.160995.com-经典彩版808版| www.29998.com-福利彩票8-| www.82966.cc-五百万彩票号| www.811390.com-十六号体彩中奖号码| www.019416.com-贵州福彩领奖地址| www.437460.com-福彩3d组选图表| www.661763.com-足彩容错表-| www.cai24.cc-江苏快三骗局| www.396081.com-星期天彩票开奖吗| www.646456.com-足彩稳赢技巧| www.837063.com-合肥体彩店在哪找| www.966990.com-福彩投注站app| www.kx39.com-苹果版彩神通下载| www.074988.com-深圳市福彩投注站| www.210833.com-安徽合肥快三开奖| www.411986.com-家彩网杀码3d| www.578534.com-深圳凤凰彩票网首页| www.679685.com-问题彩民如何戒赌| www.cp45.com-快开型彩票的弊端| www.pv36.com-长城彩票靠谱吗| www.lg70.com-豪彩哪里下载| www.398369.com-七星彩还未开的好| www.6371.cn-体彩排三定胆杀号码| www.080994.com-大吉彩票网-| www.192962.com-乐彩网17500| www.076590.com-江苏快三计划大师| www.182766.com-大发快三登录网站| www.265027.com-福彩快三玩法奥秘| www.189.com-59彩票网官网| www.4671.biz-福彩双色球奇葩号码| www.184066.com-湖北快三最大遗漏| www.762753.com-我中了彩票官方网站| www.206563.com-体彩屋购彩大厅| www.335035.com-天天彩4d开奖结果| www.176502.com-快三投注平台注册| www.3md.com-下载京彩软件| www.678307.com-坛乐彩论坛手机版| www.796685.com-众搏彩票-| www.825552.com-台湾宝岛快三查询| www.925860.com-彩富网天下彩票| www.989779.com-王者彩票手机购彩| www.iu4.com-快三单双术语| www.299104.com-大发时时彩网页计划| www.397334.com-在临沂开体育彩票店| www.923408.com-人人中彩票可靠吗| www.997435.com-三分时时彩计划心得| www.bb18.cc-江西快三网站| www.sg89.cc-预测时时彩-| www.87868.com-2118彩票cp-| www.048804.com-福彩排5开奖公告| www.153708.com-猜大小彩票有规律嘛| www.231112.com-网易彩票官网| www.54fa.com-赢发快三彩票网址| www.149975.com-掌中彩一福利彩票| www.86860.com-快乐彩12选5结果| www.580743.com-海南七星彩黑马赌王| www.616468.com-足彩3场2关怎么算| www.725317.com-彩票不是赌博吗| www.819778.com-vr彩票怎么找规律| www.896860.com-周口彩票地坪厂家| www.81lr.com-彩神通开奖结果| www.0128.top-威尼斯彩色岛怎么去| www.9712.org-被人追杀买什么彩票| www.71267.com-快三最高中奖纪录| www.34oi.com-彩票计划软件定制| www.024.pink-唐龙说彩排三| www.2643.pw-大发快三回血贴吧| www.567475.com-七乐彩42期-| www.04827.com-谁知道在哪里买足彩| www.73315.com-天涯高人能算彩票吗| www.082046.com-玉林彩色纸箱厂| www.93pl.com-淘彩吧唐龙两码和| www.106062.com-彩77安卓下-| www.177230.com-一分快三稳定计划| www.365268.cc-彩经网排三开机号| www.805358.com-水溶性彩铅画荷花| www.520646.com-d8彩票被骗了| www.194008.com-一分快三计划精准版| www.999197.com-红8彩票网址| www.jw94.com-牛彩网站-| www.305484.com-彩票买什么号码| www.377464.com-彩票店对联-| www.232670.com-上海快三诀窍| www.95411.com-体彩公益宣传图片| www.036513.com-快彩网的邀请码| www.89at.com-篮球竞彩一定牛推介| www.604584.com-d9彩票是否可信| www.310632.com-云南省福彩-| www.ey27.com-时时彩助手旧版| www.560942.cc-安徽快三和值图表| www.651702.com-黑彩平台那好信誉好| www.758676.com-中彩网视频频道| www.671557.com-c8万彩.cn-| www.244546.com-福彩3d选号助手| www.028657.com-黑彩代购-| 大赢家彩票平台www.216750.com| www.yy91.cc-北京快三基本走势| www.6033.cc-昭通彩票中奖记录| www.62vm.com-西安市彩票店转让| www.1549.cm-彩经彩票网站| www.493082.com-彩票粉怎么用| www.857.cc-彩票中心主任给号| www.066398.com-竞彩足球直播新浪| www.64258.com-中国足球彩票竞猜| www.026498.com-博彩可靠的平台| www.1163.cn-彩票店门口广告语| www.2tv.com-and123彩票网| www.579664.com-鑫源彩软件-| www.46oz.com-cp90083彩票| www.917636.com-彩虹代刷网正版查询| www.479569.com-新彩吧总汇-| www.948974.com-gc国彩最新网站| www.et10.com-彩神官方邀请码| www.734211.com-福彩体彩走势图下载| www.811099.com-购彩之家app安装| www.886972.com-男网友叫我买彩票| 大赢家彩票网www.544097.com| www.750229.com-爱中彩票网页| www.863347.com-彩876-| www.975494.com-立彩彩票苹果版本| www.ca65.com-河北燕赵风彩排列5| www.29197.com-购彩网新-| www.93838.com-干树枝彩泥花| www.036915.com-足彩2串1高手技巧| www.131633.com-168彩票开奖记录| www.554.biz-易彩官方彩票网站| www.626006.com-彩票网购买-| www.718846.com-体育彩票足球五串一| www.126947.com-优彩网下载安装| www.305265.com-中奖彩票-| www.847997.com-古建筑彩绘图案大门| www.358012.com-买彩票一直买一个好| www.491365.com-彩虹鱼绘本-| www.526126.com-时时彩三星走势图| www.615755.com-体彩七位数技巧| www.6387.vip-jc聚财彩票-| www.988443.com-福彩积分兑换| www.ub96.com-2元彩票走势图大全| www.383.cx-百胜彩票下载| www.872302.com-彩票销售技巧| www.736116.com-双彩图谜专区| www.245542.com-胜负彩比分-| www.580005.com-微彩网一微彩论坛| www.688772.com-105彩票安全吗| www.656596.com-万利彩票的骗术| www.788513.com-香港福利彩票官网| www.554574.com-全民彩票能买彩票吗|