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.686259.com-中彩那天全文| www.806967.com-收藏奥运彩票多少钱| www.900376.com-乐彩彩票app苹果| www.974216.com-南京福彩开奖结果| www.px88.com-彩票自动追号软件| www.02al.com-彩虹爱心表示什么| www.80en.com-重庆时时彩后四技巧| www.2154.cc-怎样玩彩票赚钱| www.8550.top-哈尔滨市福彩中心| www.65358.com-炫彩生活女包价格表| www.027560.com-易彩网是正规的吗| www.110329.com-新乐彩计划-| www.183225.com-快三预测网址| www.261583.com-福彩3d图谜总汇九| www.381839.com-肥城彩票三亿| www.511047.com-哭着笑彩虹是什么歌| www.589650.com-好彩堂玄机网站| www.668627.com-福彩大3d图谜| www.751752.com-彩票乐园下载安装| www.873629.com-旺彩双色球开奖结果| www.958572.com-福彩3d中奖故事| 大赢家彩票网www.178693.com| www.ik76.com-中国福利彩票网下载| www.c98.win-陕西十一选五百宝彩| www.38ua.com-七星彩开奖40| www.1723.cn-开户送彩金博彩| www.8536.cm-七彩银龙鱼-| www.42986.com-茶光福彩网点| www.91823.cc-彩八彩票怎么下| www.057059.com-出售彩票源码| www.162091.com-竞彩足球安卓版下载| www.255141.com-时时彩稳定盈利玩法| www.332806.com-如何能买彩票中奖| www.411304.com-篮彩分析软件下载| www.520650.com-彩票毁一生-| www.592622.com-云彩厅里有苏州快三| www.668994.com-幸福彩频道双色球| www.751494.com-足彩预测佬牛| www.826276.cc-福彩机器连不上网| www.900599.cc-买大小是什么彩票| www.971301.com-厦门体彩店申请| www.tg51.com-彩票跨度打法| www.04wq.com-荷花彩铅绘画教程| www.76th.com-大乐透探码图彩民乐| www.1840.com-2525彩票app| www.9893.biz-幸运彩是不是骗人的| www.53896.com-时时彩组六倍投经验| www.99113.com-qq上玩时时彩的群| www.066446.com-彩票大发快3平台| www.133091.com-张路足彩预测世界杯| www.211311.com-吉林快三全天计划| www.284253.com-国彩网投合法吗| www.430259.cc-足彩欧赔选择口诀| www.528157.com-大发快三计划导师| www.627610.cc-七星彩抓规律神器| www.699307.com-中国足彩欧亚指数| www.776577.com-糖豆休闲快三第一套| www.937557.com-七星彩复式投注计算| www.994479.com-彩票经验心得| www.av4.cc-手机快三输钱是骗局| www.nr12.com-尊彩安全吗-| www.5cg.com-3d字谜新彩网牛彩| www.60uf.com-掌游彩是什么情况| www.0230.loan-云南时时彩开奖记录| www.8020.net-彩虹伞下打地鼠教案| www.27616.cc-高频彩票机器编程| www.69553.cc-1998彩票-| www.044433.com-兰州快彩票开奖| www.127754.com-c798彩票下载| www.199228.com-广西快彩-| www.269823.com-最新版ee彩下载| www.370538.com-全民福彩快3| www.464680.com-彩票的规则-| www.550567.cc-火星彩票购彩大厅| www.652871.com-贵州快三和尾振幅| www.737161.com-彩吧论坛试机号| www.813842.com-海南快三走势势图| www.886906.com-永乐彩-| 凤凰彩票www.5091g.com| www.di56.com-山东有快三吗| www.us77.com-山东福彩在线| www.06il.com-彩铅配色技巧| www.75xm.com-福彩魔鬼速查图表| www.1422.com-购彩ⅲ软件安全吗| www.10983.com-澳客胜负彩-| www.53426.com-彩虹图画儿童画| www.94383.com-皇冠足彩推荐| www.107368.com-佛教与彩票-| www.176389.com-福彩网快三平台| www.287935.com-优彩网一购彩大厅| www.383737.com-河北省体育彩票网| www.517925.com-牛蛙彩彩免费资料| www.586823.com-彩吧论坛手机版| www.675018.com-新浪竞彩足球论坛| www.783798.com-网售彩票怎么举报| www.927676.cc-福利彩票几位数字| www.975247.com-今天中奖彩票号码| www.fq99.cc-中彩网双色球擂台赛| www.xx45.com-彩票停售-| www.20nl.com-阜阳彩票冒领案| www.0251.xyz-中彩票破产-| www.7465.xyz-余姚体彩销量| www.23238.cc-国彩合买是骗局吗| www.74811.com-彩色水气球定做| www.050092.com-福彩3d图库彩吧图| www.139777.com-彩16网址是多少| www.219759.com-网上购彩平台| www.292180.com-福彩3d大本营论坛| www.387365.com-派彩真稳赚不赔吗| www.522272.com-看七乐彩的开奖结果| www.591558.com-3度博彩论坛| www.663287.com-金福彩票官网手机版| www.767176.com-牛彩官网登录地址| www.867947.com-七星彩资料-| www.949561.com-盈彩彩票合法吗| www.999151.com-彩乐汇登录-| www.le.com-宁夏福彩快三下载| www.mt87.com-人人彩票官网| www.10ec.com-手机彩膜厂家| www.997.red-vr彩开奖号-| www.7034.top-竞彩篮球胜负规则| www.51198.cc-众购彩票平台| www.93141.com-幸运快三靠谱吗| www.054325.com-体彩高频彩种有什么| www.234008.cc-彩票大底是什么意思| www.302544.com-中彩网骗人-| www.365320.cc-伊通老五黑彩| www.445112.com-长治彩票饱和度| www.529185.com-体彩刮刮乐批发价格| www.643711.com-中国福利彩票作弊| www.728716.com-七星彩是体育彩票吗| www.791740.com-最稳定的时时彩平台| www.858354.com-bb3d彩票官网| www.917061.com-最安全福彩3d投注| www.973859.com-海南七星彩规规律| www.st17.com-中国体育彩票开奖网| www.2vo.com-网上购买福彩| www.47vp.com-国家彩票书籍| www.267.org-郑州纸箱包装彩印| www.2947.vip-体育彩票店面图片| www.7697.top-乐彩33可信吗| www.18196.com-福彩预测最新最准| www.57512.com-e球彩中奖助手| www.072638.com-体彩骰子-| www.137754.com-彩票刷水套利软件| www.202299.com-福彩助手是官方的吗| www.320090.com-中国福彩票开奖号码| www.381204.com-我要看七乐彩| www.517690.com-爱彩彩票官网首页| www.577080.com-彩虹糖的颜色含义| www.663768.com-时事彩五星计划| www.727600.com-山东福彩银行定投| www.791424.com-排三彩经网杀号定胆| www.wj2.com-爱彩乐广西快3| www.uo63.com-兴安盟体育彩票| www.25tv.com-骰子彩票网-| www.2267.vip-体彩高频开奖调整| www.7302.vip-类似彩虹六号手机版| www.52799.cc-彩票代投账号兼职| www.029015.com-亿彩堂怎么下载| www.140336.com-湛江七星彩加急版| www.258181.com-购彩大厅下载手机版| www.369031.com-星辉彩票注册| www.516255.com-快三彩票接口怎么接|