schoolList.js


// {
//   id:"01",
//   name: "世新",
//   colorHead: "#ED97BE",
//   colorEnd: "#F7E7F0",
//   type:"",
//   link:""
// },
var schoolList = [
  {
    id:"01",
    code:"A",
    name:"致理科技大學",
    colorHead:"#ED97BE",
    colorEnd: "#F7E7F0",
    type:"金融/經濟/管理",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"C3",
  },
  {
    id:"02",
    code:"A",
    name:"國立金門大學",
    colorHead:"#ED97BE",
    colorEnd: "#F7E7F0",
    type:"金融/經濟/管理",
    locate:"離島地區",
    link:"",
    quota:"",
    schoolid:"80",
  },
  {
    id:"03",
    code:"A",
    name:"國立暨南國際大學",
    colorHead:"#ED97BE",
    colorEnd: "#F7E7F0",
    type:"金融/經濟/管理",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"04",    
  },
  {
    id:"04",
    code:"A",
    name:"國立臺北商業大學",
    colorHead:"#ED97BE",
    colorEnd: "#F7E7F0",
    type:"金融/經濟/管理",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"84",
  },
  {
    id:"05",
    code:"A",
    name:"國立聯合大學",
    colorHead:"#ED97BE",
    colorEnd: "#F7E7F0",
    type:"金融/經濟/管理",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"16",
  },
  {
    id:"06",
    code:"A",
    name:"德明財經科技大學",
    colorHead:"#ED97BE",
    colorEnd: "#F7E7F0",
    type:"金融/經濟/管理",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"C5",
  },
  {
    id:"07",
    code:"B",
    name:"大葉大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"49",
  },
  {
    id:"08",
    code:"B",
    name:"中國文化大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"36",
  },
  {
    id:"09",
    code:"B",
    name:"世新大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"48",
  },
  {
    id:"10",
    code:"B",
    name:"玄奘大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"59",
  },
  {
    id:"11",
    code:"B",
    name:"國立臺中科技大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"82",    
  },
  {
    id:"12",
    code:"B",
    name:"國立臺北藝術大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"33",
  },
  {
    id:"13",
    code:"B",
    name:"國立臺灣藝術大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"34",
  },
  {
    id:"14",
    code:"B",
    name:"朝陽科技大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"中部地區",
    link:"https://www.faatum.com.my/朝陽科技科技大學",
    quota:"",
    schoolid:"86",
  },
  {
    id:"15",
    code:"B",
    name:"實踐大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"40",
  },
  {
    id:"16",
    code:"B",
    name:"黎明技術學院",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"E4",
  },
  {
    id:"17",
    code:"B",
    name:"樹德科技大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"89",    
  },
  {
    id:"18",
    code:"B",
    name:"龍華科技大學",
    colorHead:"#9BD7EF",
    colorEnd: "#D0EBF4",
    type:"藝術/傳播/設計",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"D8",
  },
  {
    id:"19",
    code:"C",
    name:"中華大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"50",
  },
  {
    id:"20",
    code:"C",
    name:"台灣首府大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"51",
  },
  {
    id:"21",
    code:"C",
    name:"弘光科技大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"93",
  },
  {
    id:"22",
    code:"C",
    name:"國立高雄餐旅大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"83",
  },
  {
    id:"23",
    code:"C",
    name:"景文科技大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"B3",
  },
  {
    id:"24",
    code:"C",
    name:"僑光科技大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"C2",
  },
  {
    id:"25",
    code:"C",
    name:"遠東科技大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"A5",
  },
  {
    id:"26",
    code:"C",
    name:"環球科技大學",
    colorHead:"#9DC7B2",
    colorEnd: "#E5F2E9",
    type:"餐飲/休閒/運動",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"C6",
  },
  {
    id:"27",
    code:"D",
    name:"明志科技大學",
    colorHead:"#FF908C",
    colorEnd: "#FFDFDE",
    type:"資訊/工程/土木",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"97",
  },
  {
    id:"28",
    code:"D",
    name:"南開科技大學",
    colorHead:"#FF908C",
    colorEnd: "#FFDFDE",
    type:"資訊/工程/土木",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"A8",
  },
  {
    id:"29",
    code:"E",
    name:"中山醫學大學",
    colorHead:"#F6D87E",
    colorEnd: "#FBF6E9",
    type:"醫藥/治療/護理",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"66",
  },
  {
    id:"30",
    code:"E",
    name:"中臺科技大學",
    colorHead:"#F6D87E",
    colorEnd: "#FBF6E9",
    type:"醫藥/治療/護理",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"A3",
  },
  {
    id:"31",
    code:"E",
    name:"元培醫事科技大學",
    colorHead:"#F6D87E",
    colorEnd: "#FBF6E9",
    type:"醫藥/治療/護理",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"A6",
  },
  {
    id:"32",
    code:"E",
    name:"高雄醫學大學",
    colorHead:"#F6D87E",
    colorEnd: "#FBF6E9",
    type:"醫藥/治療/護理",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"67",
  },
  {
    id:"33",
    code:"E",
    name:"國立臺北護理健康大學",
    colorHead:"#F6D87E",
    colorEnd: "#FBF6E9",
    type:"醫藥/治療/護理",
    locate:"北部地區",
    link:"https://www.faatum.com.my/國立臺北護理健康大",
    quota:"",
    schoolid:"85",
  },
  {
    id:"34",
    code:"E",
    name:"慈濟科技大學",
    colorHead:"#F6D87E",
    colorEnd: "#FBF6E9",
    type:"醫藥/治療/護理",
    locate:"東部地區",
    link:"",
    quota:"",
    schoolid:"B4",
  },
  {
    id:"35",
    code:"F",
    name:"文藻外語大學",
    colorHead:"#C8C8A9",
    colorEnd: "#EEEEE5",
    type:"心理/教育/文史",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"B2",
  },
  {
    id:"36",
    code:"F",
    name:"國立屏東大學",
    colorHead:"#C8C8A9",
    colorEnd: "#EEEEE5",
    type:"心理/教育/文史",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"F0",
  },
  {
    id:"37",
    code:"F",
    name:"國立臺中教育大學",
    colorHead:"#C8C8A9",
    colorEnd: "#EEEEE5",
    type:"心理/教育/文史",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"26",
  },
  {
    id:"38",
    code:"F",
    name:"國立臺南大學",
    colorHead:"#C8C8A9",
    colorEnd: "#EEEEE5",
    type:"心理/教育/文史",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"18",
  },
  {
    id:"39",
    code:"G",
    name:"國立宜蘭大學",
    colorHead:"#F4AF75",
    colorEnd: "#FBE4D1",
    type:"海洋/森林/農業",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"14",
  },
  {
    id:"40",
    code:"G",
    name:"國立屏東科技大學",
    colorHead:"#F4AF75",
    colorEnd: "#FBE4D1",
    type:"海洋/森林/農業",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"74",
  },
  {
    id:"41",
    code:"G",
    name:"國立嘉義大學",
    colorHead:"#F4AF75",
    colorEnd: "#FBE4D1",
    type:"海洋/森林/農業",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"03",
  },
  {
    id:"42",
    code:"G",
    name:"國立臺灣海洋大學",
    colorHead:"#F4AF75",
    colorEnd: "#FBE4D1",
    type:"海洋/森林/農業",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"09",
  },
  {
    id:"43",
    code:"H",
    name:"銘傳大學",
    colorHead:"#F8BBBD",
    colorEnd: "#FCE3E4",
    type:"全英語教學",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"38",
  },
  {
    id:"44",
    code:"I1",
    name:"國立中正大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"臺灣綜合大學系統",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"06",
  },
  {
    id:"45",
    code:"I1",
    name:"國立中興大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"臺灣綜合大學系統",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"05",
  },
  {
    id:"46",
    code:"I1",
    name:"國立成功大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"臺灣綜合大學系統",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"02",
  },
  {
    id:"47",
    code:"I2",
    name:"國立臺北大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"臺北聯合大學系統",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"10",
  },
  {
    id:"48",
    code:"I2",
    name:"國立臺北科技大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"臺北聯合大學系統",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"73",
  },
  {
    id:"49",
    code:"I2",
    name:"臺北醫學大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"臺北聯合大學系統",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"69",
  },
  {
    id:"50",
    code:"I3",
    name:"國立臺灣大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"國立臺灣大學系統",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"01",
  },
  {
    id:"51",
    code:"I3",
    name:"國立臺灣科技大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"國立臺灣大學系統",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"71",
  },
  {
    id:"52",
    code:"I3",
    name:"國立臺灣師範大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"國立臺灣大學系統",
    locate:"北部地區",
    link:"https://www.faatum.com.my/國立臺灣師範大學校本部",
    quota:"",
    schoolid:"07",
  },
  {
    id:"53",
    code:"I3",
    name:"國立臺灣師範大學僑生先修部",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"國立臺灣大學系統",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"FF",
  },
  {
    id:"54",
    code:"I4",
    name:"國立中山大學",
    colorHead:"#DED5C6",
    colorEnd: "#F6F1EB",
    type:"中山高醫攻頂聯盟",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"19",
  },
  {
    id:"55",
    code:"J",
    name:"大仁科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"99",
  },
  {
    id:"56",
    code:"J",
    name:"中原大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"61",
  },
  {
    id:"57",
    code:"J",
    name:"中國科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"98",
  },
  {
    id:"58",
    code:"J",
    name:"元智大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"57",
  },
  {
    id:"59",
    code:"J",
    name:"天主教輔仁大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"45",
  },
  {
    id:"60",
    code:"J",
    name:"宏國德霖科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"C8",
  },
  {
    id:"61",
    code:"J",
    name:"東吳大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"55",
  },
  {
    id:"62",
    code:"J",
    name:"東南科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"C1",
  },
  {
    id:"63",
    code:"J",
    name:"東海大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"39",
  },
  {
    id:"64",
    code:"J",
    name:"長榮大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"46",
  },
  {
    id:"65",
    code:"J",
    name:"南華大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"60",
  },
  {
    id:"66",
    code:"J",
    name:"南臺科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"87",
  },
  {
    id:"67",
    code:"J",
    name:"國立中央大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"15",
  },
  {
    id:"68",
    code:"J",
    name:"國立東華大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"東部地區",
    link:"",
    quota:"",
    schoolid:"08",
  },
  {
    id:"69",
    code:"J",
    name:"國立政治大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"13",
  },
  {
    id:"70",
    code:"J",
    name:"國立高雄科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"75",
  },
  {
    id:"71",
    code:"J",
    name:"國立高雄師範大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"27",
  },
  {
    id:"72",
    code:"J",
    name:"國立清華大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"17",
  },
  {
    id:"73",
    code:"J",
    name:"國立陽明/交通大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"https://www.faatum.com.my/國立陽明交通大學/",
    quota:"",
    quota2:"",
    schoolid:"21",
    schoolid2:"11",
  },
  {
    id:"74",
    code:"J",
    name:"國立雲林科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"72",
  },
  {
    id:"75",
    code:"J",
    name:"國立勤益科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"81",
  },
  {
    id:"76",
    code:"J",
    name:"國立彰化師範大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"23",
  },
  {
    id:"77",
    code:"J",
    name:"淡江大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"37",
  },
  {
    id:"78",
    code:"J",
    name:"逢甲大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"44",
  },
  {
    id:"79",
    code:"J",
    name:"義守大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"41",
  },
  {
    id:"80",
    code:"J",
    name:"臺北市立大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"E0",
  },
  {
    id:"81",
    code:"J",
    name:"輔英科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"南部地區",
    link:"",
    quota:"",
    schoolid:"92",
  },
  {
    id:"82",
    code:"J",
    name:"醒吾科技大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"北部地區",
    link:"",
    quota:"",
    schoolid:"C4",
  }
  ,
  {
    id:"83",
    code:"J",
    name:"靜宜大學",
    colorHead:"#B7CED7",
    colorEnd: "#ECF3F9",
    type:"綜合展區",
    locate:"中部地區",
    link:"",
    quota:"",
    schoolid:"42",
  }
]

var schoolType = '全部';
var schoolCode = 'ABCDEFGHIJ';
var schoolLocate = '全部';

 const $banner = $('#banner'); // 8個標籤
 const $schooLabel = $('.schoolLabel'); // 8個標籤
 const $schoolLocate = $('.schoolLocate'); // 8個標籤
 const $allSchool = $('#allSchool'); // 顯示所有學校區域
 const $certainLabelSchool = $('#certainLabelSchool'); // 顯示選取標籤學校區域
 const $featureMenuButton = $('#featureMenuButton');
 const $locationMenuButton = $('#locationMenuButton');
 const $resetButton = $('#resetButton');
 var radios = 0;
 let selectedlabel = '全部';
 
 

 $schooLabel.on('click', changeSelectLabel);
 $schoolLocate.on('click', changeSelectLocate);
 $resetButton.on('click', resetSelect)

 init();


function init(){
  for(let i =0 ; i<83 ;i++){
    schoolList[i].quota = generateLink(schoolList[i].schoolid);
    if(!schoolList[i].link){
      schoolList[i].link = "https://www.faatum.com.my/"+schoolList[i].name+"/"
    }
  }
  schoolList[72].quota2 = generateLink(schoolList[72].schoolid2);
  // $banner.fadeIn(1000);
  // $banner.fadeOut(2000);
  showAllSchool();
}

function changesystem(){
  radios = document.querySelector('input[name="SchoolSystem"]:checked').value;
  for(let i =0 ; i<83 ;i++){
    schoolList[i].quota = generateLink(schoolList[i].schoolid);
    if(!schoolList[i].link){
      schoolList[i].link = "https://www.faatum.com.my/"+schoolList[i].name+"/"
    }
  }
  showAppointLabelSchool();
}

function generateLink(id){
  let link = "https://student.overseas.ncnu.edu.tw/quota/";
  switch(radios){
    case '1':
      link += "index.html?school="+id+"&group=all&keyword=&first-group=true&second-group=true&third-group=true";
      break;
    case '2':
        link += "two-year.html?school="+id+"&group=all&keyword=";
      break;
    case '3':
        link += "master.html?school="+id+"&group=all&keyword=";
      break;
    case '4':
        link += "phd.html?school="+id+"&group=all&keyword=";
      break;
    default:
        link = "https://student.overseas.ncnu.edu.tw/quota/index.html?school="+id+"&group=all&keyword=&first-group=true&second-group=true&third-group=true";
  }
  return link;
}

function showAllSchool(){
  var t_promise1 = new Promise(function(resolve, reject) {
    var show = ["","",""];
    var t_html1, t_html2, t_html3;
    schoolList.map(function(e, index) {
      if( 0 <= index && index <= 27 ){
        t_html1 = `<div class="col-md-2" style="background-color:${e.colorHead}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid; ">${e.code}</div>
                        <div class="col-md-10" style="background-color:${e.colorEnd}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;" >
                          <a href=${e.link} target="blank" style="">${e.name} </a>`;
        t_html1 += `<span style="float:right; "><a href="${e.quota}" target="_blank" style=""><i class="fas fa-search fa-fw" style="color:black"></i></a></span>`;
        // if(e.email){
        //   t_html1 += `<span style="float:right; "><a href="mailto:${e.email}" target="_blank" style=""><i class="far fa-envelope fa-lg" style="color:crimson"></i></a></span>`;
        // }
        // if(e.messenger){
        //   t_html1 +=`<span style="float:right; "><a href="${e.messenger}" target="_blank" style=""><i class="fab fa-facebook-messenger fa-lg" style="color:#007FFF"></i></a></span>`;
        // }
        t_html1 +=`</div>`;
        show[0] += t_html1;
      }

      if( 28 <= index && index <= 55 ){
        t_html2 = `<div class="col-md-2" style="background-color:${e.colorHead}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;">${e.code}</div>
                        <div class="col-md-10" style="background-color:${e.colorEnd}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;" >
                        <a href=${e.link} target="blank" style="">${e.name} </a> `;
        t_html2 += `<span style="float:right; "><a href="${e.quota}" target="_blank" style=""><i class="fas fa-search fa-fw" style="color:black"></i></a></span>`;
        // if(e.email){
        //   t_html2 += `<span style="float:right; "><a href="mailto:${e.email}" target="_blank" style=""><i class="far fa-envelope fa-lg" style="color:crimson"></i></a></span>`;
        // }
        // if(e.messenger){
        //   t_html2 +=`<span style="float:right; "><a href="${e.messenger}" target="_blank" style=""><i class="fab fa-facebook-messenger fa-lg" style="color:#007FFF"></i></a></span>`;
        // }
        t_html2 +=`</div>`;
        show[1] += t_html2;
      }

      if( 56 <= index && index <= 82 ){
        t_html3 = `<div class="col-md-2" style="background-color:${e.colorHead}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;">${e.code}</div>
                        <div class="col-md-10" style="background-color:${e.colorEnd}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;" >
                        <a href=${e.link} target="blank" style="">${e.name} </a> `;
       t_html3 += `<span style="float:right; "><a href="${e.quota}" target="_blank" style=""><i class="fas fa-search fa-fw" style="color:black"></i></a></span>`;
       if(e.id == 72){
        t_html3 += `<span style="float:right; "><a href="${e.quota2}" target="_blank" style=""><i class="fas fa-search fa-fw" style="color:black"></i></a></span>`;
       }

        // if(e.email){
        //   t_html3 += `<span style="float:right; "><a href="mailto:${e.email}" target="_blank" style=""><i class="far fa-envelope fa-lg" style="color:crimson"></i></a></span>`;
        // }
        // if(e.messenger){
        //   t_html3 +=`<span style="float:right; "><a href="${e.messenger}" target="_blank" style=""><i class="fab fa-facebook-messenger fa-lg" style="color:#007FFF"></i></a></span>`;
        // }
        t_html3 +=`</div>`;
        show[2] += t_html3;
      }
    });
    resolve(show);
  });

  t_promise1.then(function(value) {
    document.getElementById("col_list_1").innerHTML = value[0];
    document.getElementById("col_list_2").innerHTML = value[1];
    document.getElementById("col_list_3").innerHTML = value[2];
  });
}

function resetSelect(){
  schoolType = "全部";
  schoolCode = "ABCDEFGHIJ";
  schoolLocate = "全部"

  $featureMenuButton.text("展區選擇─全部");
  $locationMenuButton.text("地區選擇─全部");

  showAppointLabelSchool();

}

function changeSelectLabel(){
  schoolType = $(this).data('label') ;
  schoolCode = $(this).data('value') ;

  $featureMenuButton.text("展區選擇─"+schoolType);
  $locationMenuButton.text("地區選擇─"+schoolLocate);

  showAppointLabelSchool();
}

function changeSelectLocate(){
  schoolLocate = $(this).data('locate') ;

  $featureMenuButton.text("展區選擇─"+schoolType);
  $locationMenuButton.text("地區選擇─"+schoolLocate);

  showAppointLabelSchool();
}

function showAppointLabelSchool(){
  let data_label =  schoolType;
  let data_value =  schoolCode;
  let data_locate =  schoolLocate;

  if(data_label===undefined)
    data_label = selectedlabel;
  else
    selectedlabel = data_label;
  if( data_label == "全部" && data_locate == "全部") { 
    showAllSchool();
    $allSchool.show();
    $certainLabelSchool.hide();
    $('html,body').animate({scrollTop:$('#allSchool').offset().top},"show");  // jquery 滑動
  }
  else{

    if(data_locate == "全部"){
      var certainLabelSchoolList = schoolList.filter(function(e) { return e.type.includes(data_label)|| e.code.includes(data_value)});
    } else if(data_label == "全部"){
      var certainLabelSchoolList = schoolList.filter(function(e) { return e.locate.includes(data_locate)});
    }
    else {
      var certainLabelSchoolList = schoolList.filter(function(e) { return (e.type.includes(data_label)|| e.code.includes(data_value))&& e.locate.includes(data_locate)});
    }

    var show='', t_html1='';
    
    var t_promise2 = new Promise(function(resolve, reject) {
      certainLabelSchoolList.map(function(e, index) {
        t_html1 = `<div class="col-md-3" style="background-color:${e.colorHead}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;">${e.code} ${e.type}</div>
                        <div class="col-md-9" style="background-color:${e.colorEnd}; color:#323B26; font-size: x-large; font-weight:bold; border:2px white solid;" >
                        <a href=${e.link} target="blank" style="">${e.name} </a> `;
        t_html1 += `<span style="float:right; "><a href="${e.quota}" target="_blank" style=""><i class="fas fa-search fa-fw" style="color:black"></i></a></span>`;

        if(e.id == 72){
          t_html1 += `<span style="float:right; "><a href="${e.quota2}" target="_blank" style=""><i class="fas fa-search fa-fw" style="color:black"></i></a></span>`;
         }
        // if(e.email){
        //   t_html1 += `<span style="float:right; "><a href="mailto:${e.email}" target="_blank" style=""><i class="far fa-envelope fa-lg" style="color:crimson"></i></a></span>`;
        // }
        // if(e.messenger){
        //   t_html1 +=`<span style="float:right; "><a href="${e.messenger}" target="_blank" style=""><i class="fab fa-facebook-messenger fa-lg" style="color:#007FFF"></i></a></span>`;
        // }
        t_html1 +=`</div>`;
        show += t_html1;
      });
      resolve(show);
    });

    t_promise2.then(function(value) {
      document.getElementById("col_list_5").innerHTML = value;
      $allSchool.hide();
      $certainLabelSchool.show();
      $('html,body').animate({scrollTop:$('#certainLabelSchool').offset().top},"show");  // jquery 滑動
    });
  }
}