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 const marken = ["Aprilia", "Beta", "BMW", "Ducati", "GasGas", "Honda", "Husqvarna", "Kawasaki", "KTM", "Kymco", "Piaggio", "Sherco", "Suzuki", "Triumph", "Yamaha"].sort(); 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; baujahrDropdown.innerHTML = ''; modellDropdown.innerHTML = ''; modellDropdown.disabled = true; linkContainer.style.display = "none"; if (!selectedMarke) { baujahrDropdown.disabled = true; return; } // JSON-Datei für die gewählte Marke laden fetch(`https://ttw-offroad.de/data/${selectedMarke}.json`) .then(response => response.json()) .then(daten => { let baujahre = [...new Set(daten.map(item => item.fahrzeug.split(" ")[1]))].sort((a, b) => b - a); baujahrDropdown.disabled = false; baujahre.forEach(baujahr => { let option = document.createElement("option"); option.value = baujahr; option.textContent = baujahr; baujahrDropdown.appendChild(option); }); }) .catch(error => console.error("Fehler beim Laden der JSON-Datei:", error)); }); baujahrDropdown.addEventListener("change", function() { const selectedMarke = markeDropdown.value; const selectedBaujahr = baujahrDropdown.value; modellDropdown.innerHTML = ''; linkContainer.style.display = "none"; if (!selectedBaujahr) { modellDropdown.disabled = true; return; } fetch(`https://ttw-offroad.de/data/${selectedMarke}.json`) .then(response => response.json()) .then(daten => { let modelle = daten.filter(item => item.fahrzeug.includes(selectedBaujahr)).map(item => { return { name: item.fahrzeug.split(" ").slice(2).join(" "), link: item.link }; }).sort((a, b) => a.name.localeCompare(b.name)); modellDropdown.disabled = false; modelle.forEach(item => { let option = document.createElement("option"); option.value = item.link; option.textContent = item.name; modellDropdown.appendChild(option); }); }) .catch(error => console.error("Fehler beim Laden der Modelle:", error)); }); modellDropdown.addEventListener("change", function() { const selectedLink = modellDropdown.value; if (!selectedLink) { linkContainer.style.display = "none"; return; } fahrzeugLink.href = "/" + selectedLink; linkContainer.style.display = "block"; }); });

2021


Neu
Artikelnummer:
OGSC02-RDWHWH
GTIN:
7350129330155
HAN:
OGSC02-RDWHWH
89,95 € *
Lieferzeit: 1 - 4 Werktage

Artikel 1 - 1 von 1

Fahrzeugauswahl

Fahrzeugauswahl