**项目中想添加一个三级联动的高校专业的功能, 结果在网上找了半天没有开源的数据包可用。因为之前用过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”: “物流