document.addEventListener("DOMContentLoaded", function () {
const disciplines = {
"Engineering": ["Electrical Engineering", "Mechanical Engineering"],
"Medical Sciences": ["MBBS", "BDS"],
"Arts": ["Fine Arts", "Performing Arts"],
"Business": ["BBA", "MBA"],
"Social Sciences": ["International Relations", "Psychology"]
};
const citiesByProvince = {
"Punjab": ["Lahore", "Multan"],
"Sindh": ["Karachi", "Hyderabad"],
"Islamabad": ["Islamabad"]
};
const fieldSelect = document.getElementById("field");
const disciplineSelect = document.getElementById("discipline");
const provinceSelect = document.getElementById("province");
const citySelect = document.getElementById("city");
if (fieldSelect) {
fieldSelect.addEventListener("change", function () {
const selectedField = this.value;
disciplineSelect.innerHTML = '';
if (disciplines[selectedField]) {
disciplines[selectedField].forEach(function (d) {
const opt = document.createElement("option");
opt.value = d;
opt.text = d;
disciplineSelect.appendChild(opt);
});
}
});
}
if (provinceSelect) {
provinceSelect.addEventListener("change", function () {
const selectedProvince = this.value;
citySelect.innerHTML = '';
if (citiesByProvince[selectedProvince]) {
citiesByProvince[selectedProvince].forEach(function (c) {
const opt = document.createElement("option");
opt.value = c;
opt.text = c;
citySelect.appendChild(opt);
});
}
});
}
});