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天

知道了
1分快三 www.vx96.com-福利彩票倍率| www.387314.com-尼彩官网-| www.576281.com-c01彩票-| www.657132.com-网上的时时彩| www.796741.com-竞彩足球9场| www.884034.com-黑彩投注比例| www.971015.com-彩票软件销售合法| www.cp3369.com-福彩快三有啥规律| www.qf00.com-彩78官网-| www.11vb.com-彩票体育彩票| www.500.la-怎么在黑彩网站赢钱| www.6680.org-足彩任选9玩法| www.1008.vip-星期一体彩开什么奖| www.172269.com-鬼谷子22彩票| www.5698.in-福彩3d怎么杀和尾| www.010380.com-福彩试机号今天| www.129167.com-手机福彩小助手| www.975434.com-七星彩算法必中6红| www.ca55.com-彩神快三软件下载| www.396281.com-福利彩票有放假吗| www.643030.com-彩票五个亿-| www.11784.cc-福彩3d双彩图百度| www.549689.com-网上能不能买足彩| www.658583.com-中乐彩几个网址| www.777519.com-香港5分彩-| www.928530.com-安徽滁州体育彩票| www.bp9.com-北京了快三开奖结果| www.620322.com-美国彩票网上能买吗| www.723605.com-彩票哪买的多| www.818483.com-新浪竞彩官网| www.887973.com-中国福利彩票店利润| www.958447.com-福利彩票公式计算除| 500彩票www.782500.com| www.222488.com-彩票平台注送彩金| www.609679.com-头奖彩票可靠吗| www.71927.com-160彩票官方下载| www.905637.com-万宝彩票app下载| www.969138.cc-天天中彩票可靠么| 彩61www.974919.com| www.954667.com-华夏彩票手机客户端| www.295118.com-贵州快三下载官网| www.98975.cc-时时彩二星跨度技巧| www.66316.cc-3d福彩图迷-| www.590633.com-胜负彩14场预测| www.859926.com-vivox23幻彩| www.971462.com-福彩3b字谜新时代| www.5248.org-彩票店下午几点下班| www.ol40.com-体彩七星彩玩法说明| www.41qu.com-彩票解梦大全查询| www.22155.com-足彩走势图带坐标| www.83864.com-镇上买彩票-| www.390292.com-熊猫彩票真的赚钱吗| www.9067.biz-七乐彩八个号多少钱| www.3000.cc-体彩今天的开奖号码| www.140517.com-福彩一等奖兑奖流程| www.378140.com-少于20万彩礼| www.566175.com-彩票预测下载手机版| www.671515.com-6合和彩今天资| www.k17.me-沧州市福彩兑奖中心| www.226505.com-买彩票中大奖的技巧| www.875165.com-彩票坊邀请码| www.7221.cc-好彩快三计划软件| www.615722.com-福彩快三秒推算图| www.716822.com-彩报第三版图谜| www.800093.cc-彩票能不能平刷获利| www.893867.com-彩61app苹果| www.0584.com-国家彩票坑人| www.246471.com-彩票快三单查询结果| www.379805.com-腾讯60秒彩票计划| www.518975.com-投高频彩-| www.852873.com-河内五分彩中奖规则| www.e84.cc-七乐彩今晚开奖视频| www.852533.com-五分彩个位定胆公式| www.948187.com-福彩中心新主任是谁| www.30oo.com-福彩大乐透预测最准| www.160970.com-国民彩票app官网| www.603901.com-3a彩票线下载| www.783581.com-非法彩票平台| www.64wv.com-一分彩计划网| www.3695.pw-038彩票黑钱吗| www.637354.com-重庆时彩时彩万位稳| www.115439.com-网上彩票代购软件| www.228276.com-河南平顶山结婚彩礼| www.324689.com-彩票2元网手机版| www.050368.com-彩票店做外围| www.309047.com-辉煌彩票跟着导师投| www.385103.com-体彩跨市兑奖| www.33tp.com-菜01彩票-| www.9736.top-高彩网88zzcc| www.54766.com-福彩快三数表| www.982873.com-彩票资料共享大全| www.kp61.com-彩票分析基础| www.v48.net-体彩遗漏是什么意思| www.569105.com-快三调整20分钟| www.681087.com-怎么戒除买彩票| www.777092.com-怎么下载彩77| www.853740.com-专业玩彩工具| www.932224.com-开七星彩结果| www.985743.com-699cc彩票-| www.dn78.com-中彩票的概率| www.582578.com-时时彩胆码运用技巧| www.434777.com-乾坤彩票-| www.230306.com-福利彩软件是真是假| www.355073.com-福彩快3中奖查询| www.778614.com-釉上彩餐具-| www.909280.com-福彩3d彩涂第二版| www.979408.com-好彩紫绿双爆| www.hz81.com-中国福彩开奖时间| www.93149.com-105彩票下载网站| www.ne47.com-安微福彩快3| www.9643.biz-彩独2中文-| www.985402.com-关小刀足彩最新推荐| www.gp56.com-河南人的彩礼| www.401.com-江苏不匠彩快3| www.910622.com-福彩时时彩多种玩法| www.980885.com-金彩网高手网彩票| www.ou40.com-福彩3b字谜总汇| www.19rc.com-彩票一直买一个号| www.90ou.com-今日彩票幸运数字| www.4625.cm-体彩篮球投注| www.415541.com-竞彩合买跟单| www.125684.com-排列五中奖彩票票样| www.585395.com-存1元送彩金平台| www.678132.com-乐彩论坛分析列表| www.741311.com-玩高频彩必输| www.810535.com-今体彩开奖结果查询| www.876767.com-极速时时彩开奖网站| www.939781.com-彩98彩票官网| www.984351.com-竞彩猫骗局-| www.cp682.com-快三网站有哪些| www.jk07.com-全民快三是真的吗| www.662082.com-中国福利彩票93期| www.254200.com-时时彩反水啥意思| www.391732.com-福彩网手机版福彩| www.2572.com-m5彩票登陆网址| www.961803.com-福彩双彩网3d论坛| www.661732.com-福彩12生肖-| www.068.net-华夏顺彩电动车| www.703071.com-致富彩票官方下载| www.795886.com-乐彩网注册官网登录| www.sg55.com-时时彩豹子最佳规律| www.09hs.com-福彩3d跨度彩乐乐| www.12008.com-购彩软件哪个好| www.779979.com-咋申请买彩票| www.717778.com-彩铅画要擦掉线稿吗| www.842368.com-财政部彩票收入| www.913987.com-快三是全国彩票吗| www.968940.com-福利彩票诈骗案| 大赢家彩票网www.178397.com| www.mn22.com-五星彩票官网| www.05tn.com-彩铅牌子-| www.588254.com-迷彩免app-| www.659246.com-体彩7星彩历史开奖| www.717331.com-彩铅画简单入门| www.788162.com-订婚要彩礼吗| www.857565.com-南国彩票七星解诗网| www.923697.com-秒速时时彩官方| www.982160.com-江西福彩助手合法么| www.cp820.cc-快彩app官网| www.4476.cn-七星彩论坛海南彩网| www.062645.com-优彩骗局-| www.810849.com-7乐彩开奖结果历史| www.910945.com-彩测速线路-| www.964474.com-19050期七星彩|