script.js
javascript
// 假数据，仅用于展示目的
const results = [{name: "ABC 修车门店",address: "123 Main Street, Anytown, CA 12345",services: ["一般维修保养", "轮胎服务", "电气系统维修"],rating: 4.5,reviews: ["非常专业、友善。强烈推荐！","我的车很快就修好了，而且价格合理。"]},{name: "XYZ 汽车修理厂",address: "456 Oak Street, Anytown, CA 12345",services: ["机电维修", "车身修理"],rating: 4.0,reviews: ["技术娴熟，价格实惠。","花了点时间，但修得很好。"]},{name: "John 的移动修车服务",address: "移动服务，无固定地址",services: ["一般维修保养", "电气系统维修"],rating: 4.8,reviews: ["方便快捷，价格公道。","非常可靠，工作质量高。"]}
];// 根据搜索条件显示结果
function showResults(address, service) {// 清除之前的搜索结果const resultList = document.getElementById("results-list");resultList.innerHTML = "";// 过滤符合条件的结果const filteredResults = results.filter(result => {return result.address.includes(address) && result.services.includes(service);});// 将结果显示在页面上filteredResults.forEach(result => {const newListItem = document.createElement("li");
newListItem.innerHTML = `
${result.name}
${result.address}
提供服务：${result.services.join(", ")}
评分：${result.rating} 星
${result.reviews.map(review => `
-
${review}
`).join("")}
`;resultList.appendChild(newListItem);});
}// 处理搜索表单提交事件
const searchForm = document.getElementById("search-form");
searchForm.addEventListener("submit", (e) => {e.preventDefault();const address = document.getElementById("address").value;const service = document.getElementById("service").value;showResults(address, service);
});// 初始化页面
window.onload = () => {showResults("", "ทั่วไป"); // 默认显示所有服务，不指定地址
};
