Pin Code Finder Deep
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.input-container {
margin-bottom: 20px;
}
.input-container label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.input-container input {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
.results {
margin-top: 20px;
}
.results table {
width: 100%;
border-collapse: collapse;
}
.results table, .results th, .results td {
border: 1px solid #ddd;
padding: 8px;
}
.results th {
background-color: #f2f2f2;
}
Enter a few characters in any one field
Office Name:
Pincode:
District:
Results:
State Name
District
Office Name
Pincode
const data = [
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Peddakotla B.O","Pincode":"515631","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Pinnadhari B.O","Pincode":"515631","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Yerraguntapalle B.O","Pincode":"515631","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Obulareddipalli B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Odulapalli B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Peddannavaripalli B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Velichelamala B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Gurrambailu B.O","Pincode":"515571","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Marrimakulapalle B.O","Pincode":"515631","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Modugulakunta B.O","Pincode":"515631","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Kovvurivandlapalle B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Nuthanakalva B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Somalavandlapalle B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Vepamanipeta B.O","Pincode":"515581","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Ethodu B.O","Pincode":"515571","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Pedaballi B.O","Pincode":"515571","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Vankapalle B.O","Pincode":"515571","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Hallikera Devarahalli B.O","Pincode":"515311","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Inagalur B.O","Pincode":"515311","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"},
{"CircleName":"Andhra Pradesh Circle","OfficeName":"Kodihalli B.O","Pincode":"515311","OfficeType":"BO","Delivery":"Delivery","District":"ANANTAPUR","StateName":"ANDHRA PRADESH"}
];
// Function to filter and display results
function filterResults() {
const officeName = document.getElementById('officeName').value.trim().toLowerCase();
const pincode = document.getElementById('pincode').value.trim().toLowerCase();
const district = document.getElementById('district').value.trim().toLowerCase();
let results = data;
if (officeName) {
results = results.filter(item => item.OfficeName.toLowerCase().includes(officeName));
}
if (pincode) {
results = results.filter(item => item.Pincode.includes(pincode));
}
if (district) {
results = results.filter(item => item.District.toLowerCase().includes(district));
}
const tbody = document.querySelector('#resultTable tbody');
tbody.innerHTML = '';
results.forEach(item => {
const row = document.createElement('tr');
row.innerHTML = `
${item.StateName}
${item.District}
${item.OfficeName}
${item.Pincode}
`;
tbody.appendChild(row);
});
}
// Function to clear other fields when a new search starts
function clearOtherFields(currentField) {
const fields = ['officeName', 'pincode', 'district'];
fields.forEach(field => {
if (field !== currentField) {
document.getElementById(field).value = '';
}
});
}
// Attach input event listeners to all input fields
document.getElementById('officeName').addEventListener('input', () => {
clearOtherFields('officeName');
filterResults();
});
document.getElementById('pincode').addEventListener('input', () => {
clearOtherFields('pincode');
filterResults();
});
document.getElementById('district').addEventListener('input', () => {
clearOtherFields('district');
filterResults();
});
