javascript
// script.jsconst searchForm = document.getElementById('search-form');
const results = document.getElementById('results');searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = e.target.querySelector('input[name="location"]').value;// 这里使用的是占位符函数,用于展示目的。// 实际实现中,您需要用真正的 API 调用或其他业务逻辑替换此占位符。const searchResults = [{name: '汽配城1',address: '地址1',distance: '1公里',},{name: '汽配城2',address: '地址2',distance: '3公里',},{name: '汽配城3',address: '地址3',distance: '5公里',},];displayResults(searchResults);
});function displayResults(searchResults) {results.innerHTML = '';searchResults.forEach((result) => {const li = document.createElement('li');li.innerHTML = `
${result.name}
${result.address}
${result.distance}
`;results.appendChild(li);});
}