途虎网点查询 (途虎网门店查询)

上海品茶 04-15 阅读：34 评论：0

script.js javascript const province = document.getElementById('province'); const city = document.getElementById('city'); const result = document.getElementById('result');province.addEventListener('change', () => {const selectedProvince = province.value;if (selectedProvince) {fetch(`/cities/${selectedProvince}`).then(res => res.json()).then(data => {city.innerHTML = ' ';data.forEach(city => { const option = document.createElement('option');option.value = city;option.textContent = city;city.appendChild(option);});}).catch(err => {console.error(err);alert('获取城市列表失败');});} });const form = document.getElementById('form');form.addEventListener('submit', (e) => {e.preventDefault();const selectedProvince = province.value;const selectedCity = city.value;if (!selectedProvince || !selectedCity) {alert('请选择省份和城市');return;}fetch(`/stores/${selectedProvince}/${selectedCity}`).then(res => res.json()).then(data => {result.innerHTML = '';if (data.length === 0) {const p = document.createElement('p');p.textContent = '没有找到门店';result.appendChild(p);} else {consttable = document.createElement('table');const thead = document.createElement('thead');const tr = document.createElement('tr');const th1 = document.createElement('th');th1.textContent = '门店名称';const th2 = document.createElement('th');th2.textContent = '地址';const th3 = document.createElement('th');th3.textContent = '电话';tr.appendChild(th1);tr.appendChild(th2);tr.appendChild(th3);thead.appendChild(tr);table.appendChild(thead);const tbody = document.createElement('tbody');data.forEach(store => {const tr = document.createElement('tr');const td1 = document.createElement('td');td1.textContent = store.name;const td2 = document.createElement('td');td2.textContent = store.address;const td3 = document.createElement('td');td3.textContent = store.phone;tr.appendChild(td1);tr.appendChild(td2);tr.appendChild(td3);tbody.appendChild(tr);});table.appendChild(tbody);result.appendChild(table);}}).catch(err => {console.error(err);alert('获取门店列表失败');}); });