Fox Turnout Ss Tech Tee

  • Artikelnummer: 30511-099
  • HAN: 30511-099
  • Marken:
Größe 
Artikel zurzeit vergriffen
document.addEventListener("DOMContentLoaded", function() { const markeDropdown = document.getElementById("marke"); const baujahrDropdown = document.getElementById("baujahr"); const modellDropdown = document.getElementById("modell"); const linkContainer = document.getElementById("linkContainer"); const fahrzeugLink = document.getElementById("fahrzeugLink"); // Marken statisch definieren (Falls nötig, kann dies auch aus einer JSON geladen werden) const marken = ["KTM", "Honda", "Yamaha", "Suzuki", "Kawasaki", "Triumph", "Husqvarna", "GasGas", "BMW", "Kymco", "Piaggio", "Aprilia", "Beta", "Sherco", "Ducati"]; marken.forEach(marke => { let option = document.createElement("option"); option.value = marke.toLowerCase(); option.textContent = marke; markeDropdown.appendChild(option); }); markeDropdown.addEventListener("change", function() { const selectedMarke = markeDropdown.value; if (!selectedMarke) { baujahrDropdown.disabled = true; return; } fetch(`https://ttw-offroad.de/data/${selectedMarke}.json`) .then(response => response.json()) .then(daten => { // Baujahre extrahieren und sortieren let baujahre = [...new Set(daten.map(item => item.fahrzeug.split(" ")[1]))].sort((a, b) => b - a); baujahrDropdown.innerHTML = ''; modellDropdown.innerHTML = ''; modellDropdown.disabled = true; linkContainer.style.display = "none"; baujahre.forEach(baujahr => { let option = document.createElement("option"); option.value = baujahr; option.textContent = baujahr; baujahrDropdown.appendChild(option); }); baujahrDropdown.disabled = false; baujahrDropdown.addEventListener("change", function() { const selectedBaujahr = baujahrDropdown.value; if (!selectedBaujahr) { modellDropdown.disabled = true; return; } let modelle = daten.filter(item => item.fahrzeug.includes(selectedBaujahr)); modellDropdown.innerHTML = ''; modelle.forEach(item => { let option = document.createElement("option"); option.value = item.fahrzeug; option.textContent = item.fahrzeug.split(" ").slice(2).join(" "); modellDropdown.appendChild(option); }); modellDropdown.disabled = false; }); modellDropdown.addEventListener("change", function() { const selectedModell = modellDropdown.value; if (!selectedModell) { linkContainer.style.display = "none"; return; } let fahrzeug = daten.find(item => item.fahrzeug === selectedModell); if (fahrzeug) { fahrzeugLink.href = "/" + fahrzeug.link; linkContainer.style.display = "block"; } }); }) .catch(error => console.error("Fehler beim Laden der JSON-Datei:", error)); }); });