JSON 三级联动 高校专业分类

本文介绍了一个用于实现高校专业三级联动的JSON数据包的制作过程,包括使用步骤和具体的数据结构示例。通过引入特定JS库,可以方便地在前端页面展示和操作。同时提供了获取完整JSON文件的方式。
摘要由CSDN通过智能技术生成

**项目中想添加一个三级联动的高校专业的功能, 结果在网上找了半天没有开源的数据包可用。因为之前用过cxselect的省市区三级联动。 就对照着前程无忧上的专业分类,自己编辑了一个可实现三级联动的高校专业分类的json数据包。

**

下面是效果图:
在这里插入图片描述

使用步骤:
1。引入一个js包:
在这里插入图片描述
(此js 可以百度查一下,应该有原文件的 保存到本地使用就可以了。)

2,在需要做三级联动的html地方写前端代码
在这里插入图片描述
3,写js(记得也要引入jquery的js):
$(’#test’).cxSelect({
url : ‘/static/cxSelect/discipLine.json’, //联动json数据
selects: [‘a_1’,‘a_2’, ‘a_3’], //select框对应class
nodata: ‘none’ //无子类别时不显示下拉框
});

然后就可以在前端页面看到效果图了。

下面放上json数据包的数据。复制时,最好复制后去格式化一下。怕会有格式错误。

[{
“n”: “哲学”,
“s”: [{
“n”: “哲学类”,
“s”: [{
“n”: “哲学(含伦理学)”
}, {
“n”: “逻辑学”
}, {
“n”: “宗教学”
}]
}]
}, {
“n”: “经济学”,
“s”: [{
“n”: “经济学类”,
“s”: [{
“n”: “经济与金融”
}, {
“n”: “经济学”
}, {
“n”: “财政学”
}, {
“n”: “金融学”
}, {
“n”: “经济管理”
}, {
“n”: “经济信息管理”
}, {
“n”: “国际经济与贸易”
}, {
“n”: “国际金融”
}, {
“n”: “贸易经济”
}, {
“n”: “金融工程”
}, {
“n”: “投资学”
}, {
“n”: “统计学”
}, {
“n”: “保险”
}, {
“n”: “税务”
}, {
“n”: “信用管理”
}, {
“n”: “网络经济学”
}, {
“n”: “技术经济”
}, {
“n”: “理论经济学”
}, {
“n”: “应用经济学”
}]
}

]

}, {
“n”: “管理学”,
“s”: [{
“n”: “管理科学与工程类”,
“s”: [{
“n”: “管理科学”
}, {
“n”: “信息管理和信息系统”
}, {
“n”: “工业工程”
}, {
“n”: “工程管理”
}, {
“n”: “产品质量工程”
}, {
“n”: “项目管理”
}]
}, {
“n”: “工商管理类”,
“s”: [{
“n”: “工商管理”
}, {
“n”: “市场营销”
}, {
“n”: “商品学”
}, {
“n”: “会计学”
}, {
“n”: “审计学”
}, {
“n”: “涉外会计”
}, {
“n”: “会计信息系统”
}, {
“n”: “财务管理”
}, {
“n”: “财政金融”
}, {
“n”: “资产评估”
}, {
“n”: “企业管理”
}, {
“n”: “商务策划管理”
}, {
“n”: “国际商务”
}, {
“n”: “电子商务”
}, {
“n”: “房地产经营管理”
}, {
“n”: “物业管理”
}, {
“n”: “物流

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值