Select to View Officer Details
Select Department
Select Block
Select Village
Officer Details:
// ==================== SAMPLE DATA (Replace with Your Real Data) ====================
const data = {
"Health Department": {
"Block A": {
"Village 1": {
"name": "Dr. Amit Sharma",
"designation": "Medical Officer",
"mobile": "9876543210",
"address": "PHC Village 1, Block A"
},
"Village 2": {
"name": "Dr. Nisha Kumar",
"designation": "Medical Officer",
"mobile": "9123456780",
"address": "PHC Village 2, Block A"
}
},
"Block B": {
"Village 3": {
"name": "Dr. Rohan Singh",
"designation": "Senior MO",
"mobile": "9000000001",
"address": "CHC Village 3, Block B"
}
}
},
"Revenue Department": {
"Block C": {
"Village 4": {
"name": "Mr. Mahesh Tiwari",
"designation": "Patwari",
"mobile": "9811111111",
"address": "Tehsil Office, Block C"
}
}
}
};
// =============================================================================
// Load Departments
window.onload = function() {
let deptSelect = document.getElementById("department");
for (let dept in data) {
deptSelect.innerHTML += `${dept}`;
}
};
function loadBlocks() {
let dept = document.getElementById("department").value;
let blockSelect = document.getElementById("block");
blockSelect.innerHTML = `Select Block`;
if (dept) {
for (let block in data[dept]) {
blockSelect.innerHTML += `${block}`;
}
}
document.getElementById("village").innerHTML = `Select Village`;
document.getElementById("officerDetails").innerHTML = "";
}
function loadVillages() {
let dept = document.getElementById("department").value;
let block = document.getElementById("block").value;
let villageSelect = document.getElementById("village");
villageSelect.innerHTML = `Select Village`;
if (dept && block) {
for (let village in data[dept][block]) {
villageSelect.innerHTML += `${village}`;
}
}
document.getElementById("officerDetails").innerHTML = "";
}
function showOfficer() {
let dept = document.getElementById("department").value;
let block = document.getElementById("block").value;
let village = document.getElementById("village").value;
if (dept && block && village) {
let officer = data[dept][block][village];
document.getElementById("officerDetails").innerHTML = `
Name: ${officer.name}
Designation: ${officer.designation}
Mobile: ${officer.mobile}
Address: ${officer.address}
`;
}
}
