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.325830.com-彩1彩票下载| www.579856.com-七星彩txt网盘| www.390707.com-分分彩总和大小技巧| www.8765.me-时时彩怎么防止连挂| www.323654.com-体彩金七乐中奖结果| www.421066.com-亿彩网下载-| www.778120.com-今日7乐彩中奖号| www.6866.biz-海南体育彩票乐吧| www.502399.com-彩票中奖的顺口溜| www.580352.com-云南弃奖彩票| www.654273.com-江西省彩票管理中心| www.725275.com-彩快上娱乐网址| www.796893.com-正规彩票软件下载| www.886557.com-c8cn六彩香港| www.958216.com-福彩开什么号| 500彩票www.50080r.com| www.43ha.com-卖福彩提多少钱| www.444366.com-彩票软文素材| www.368111.com-彩芽的好奇心动漫| www.06545.com-彩友多平台合法吗| www.107159.com-修改黑彩余额教程| www.1302.cn-甘肃福彩快3中心| www.83892.cc-福利彩票七彩乐玩法| www.952059.com-103彩票-| www.ci35.com-一分快三赢了| www.838012.com-海安彩票大奖| www.2237.cc-网易彩票停售期| www.497814.com-千百万彩票网| www.596903.com-天天彩选3开奖结果| www.367387.com-冀彩宝站主-| www.764034.com-玩彩网是真的吗| www.984331.com-彩81彩票网真实吗| www.4327.vip-浙江福彩中心在哪里| www.119609.com-博亚彩票公司合法吗| www.lx2.com-分分快三计划网站| www.757644.cc-买彩票计划群靠谱不| www.33117.cc-上海福彩天天洗四| www.99872.com-彩票168app-| www.75676.com-彩票之家八马种特| www.tr51.com-全国彩票开奖情况| www.655325.com-打彩是什么意思| www.17ab.com-彩丰物流单号查询| www.741.live-时时彩19-| www.163725.com-体彩彩票站-| www.kh13.com-易彩票可信吗| www.088690.com-福彩通是真是假| www.969815.com-被福彩害死的人| www.88060.com-福利三分彩开奖网站| www.691894.com-体彩二维码出票| www.777625.com-彩票销售代表工资| www.874549.com-山西体彩中心地址| www.977777.cc-彩色压模地坪价格| www.cp7118.com-网赌时时彩惊天秘密| www.563703.com-3走势图彩吧助手| www.660959.com-腾讯分分彩说明| www.479163.com-想买世界杯彩票| www.592585.com-彩虹台直播源下| www.529236.com-彩票开奖假的| www.633927.com-修水七彩连锁| www.730683.com-新浪彩票网站| www.da73.com-彩票跨度教程| www.302105.com-大乐透凤彩网杀码图| www.19748.com-内蒙古福利彩票三地| www.028413.com-新博瑞彩票-| www.983184.com-公务员可以买彩票吗| www.hy9.com-内蒙古福彩兑奖地址| www.845787.com-于海彩票-| www.922237.com-彩票365官网老版| www.975754.com-够力七星彩表| www.cp2205.com-福彩快三出号规律| www.985458.com-易彩网平台下载| www.ex32.com-彩票黑客-| www.9nj.com-体彩大乐透中奖技巧| www.745.in-五星彩票网站| www.lr12.com-江苏快三投注网站| www.863883.com-福彩造假案14人| www.948297.com-天齐彩吧-| C9999www.318548.com| www.772753.com-时时彩稳赢投法| www.861559.com-彩票18143期| www.930702.com-买彩票就用一个公式| www.984460.com-体彩大乐透摇奖时间| www.ug9.cc-百宝彩票快3| www.sb94.com-快三限号规则| www.50dy.cc-玩快三有什么平台| www.0453.net-彩经网下载安装| www.047458.com-竞乐彩app下载| www.8164.me-海外电竞博彩| www.056810.com-河北福彩3d字迷| www.170431.com-分分快三最坑| www.183206.com-福彩3d字迷-| www.74144.com-彩之网首页手机版| www.800170.com-福利彩票刮刮卡视频| www.891339.com-彩神破解版下载| www.973406.com-彩虹哥收号-| 瑞彩网www.809571.com| www.570817.com-新西兰彩票官网| www.uf3.cc-下载百宝彩湖北快三| www.7595.win-九万彩票客服电话| www.225750.com-福彩作弊国家不管吗| www.rb86.com-时时彩qq-| www.79543.com-福彩和体彩怎么代理| www.9744.net-双色球万彩吧荐号| www.9130.vip-查看七乐彩历史记录| www.289676.com-821cc彩票-| 众彩网www.88065c.com| www.760454.com-汪汪时时彩-| www.372856.com-快三开奖时间改变| www.552884.com-时时彩彩网站| www.691995.com-彩尊-| www.762853.com-旭彩美缝剂电话号码| www.833671.com-福彩3d和差走势图| www.900044.cc-福彩开店有什么要求| www.eu79.com-福彩上海快三| www.ao28.com-彩票缩水软件安卓| www.80kq.com-和盛彩票官网| www.8788.top-职业高频彩心态| www.222378.com-甘肃今天快三开奖| www.632444.com-彩票不好中奖| www.1247.cn-吉林快三害人吗| www.597789.com-二分彩人工计划软件| www.4183.biz-封神国际腾讯分分彩| www.13359.cc-竞彩兑奖规则和地点| www.041788.com-香港优彩社区| www.197691.com-澳洲5分彩开奖| www.020863.com-重庆时彩时彩走势图| www.219236.com-返回百姓彩-| www.cai721.com-快三免费计划软件| www.642985.com-彩票900官网| www.880112.com-快三怎样才能赚钱| www.70ep.com-安微快三和值推荐| www.37226.com-福建体育彩票走| www.98797.cc-有没有人玩快三发财| www.386628.com-福彩50倍-| www.376086.com-乐彩08app-| www.015917.com-彩票开奖查询软件| www.208250.com-快三网上销售平台| www.286530.com-东北彩王-| www.525461.com-电竞外围博彩| www.883426.com-6a6a彩票app| www.py42.com-9彩彩票是正规的吗| www.693.live-体育彩票篮球买法| www.444749.com-阿里彩票平台注册| www.519610.com-大乐透彩民乐图迷| www.587700.com-竞彩猫官方微博| www.369428.com-916管网彩票| www.458669.com-最近大彩网怎么了| www.j29.me-贵州榕江县中彩票| www.gn19.com-山东各地彩礼价格表| www.476472.com-私彩时间差投注| www.134036.com-中固足彩网比分直播| www.227380.com-快三大小规律怎么看| www.77tg.com-爱投彩票犯法吗| www.3582.vip-短信认证百分百彩金| www.604784.com-盛源彩-| www.192926.com-335彩票app-| www.966563.com-宝马集团彩票网址| www.899895.com-彩票下app-| www.967767.com-彩票历史开奖查询| 99福彩www.652776.com| www.2783.me-吉林快三走跨度振幅| www.897688.com-多彩贵州网官网| www.968336.com-福彩是真的吗| 淘彩票www.tcp969.com|