// ==================== 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} `; } }