</noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPQ639R" height="0" width="0" style="display:none;visibility:hidden"> </noscript> <div class="nd-banner"> <header> <div class="header-icon"> <style type="text/css"> .header-icon,.header-icon svg{display:inline-block;width:50px;height:40px;text-align:center}@media(min-width:960px){.header-icon,.header-icon svg{width:50px;height:60px;text-align:center}} </style> <img src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/%7B1f75214c-5898-456b-879a-7043d89fca72%7D_logo_updated_1.png" style="width:83px;height:73px;text-align:center"></div> </header> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <br> <div class="nd-title-main" style="font-size:300%"> Seluruh koleksi Harley-Davidson® 2026 telah diluncurkan.</div><br><br> <div class="nd-title-sub">Di sinilah cerita Anda dimulai. Koleksi lengkap Harley-Davidson® 2026 menghadirkan tenaga baru, pengendalian yang lebih presisi, dan teknologi yang lebih canggih. </div> <div class="nd-title-register"> </div><div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px; font-weight:bold;"> <strong>Lihat seluruh koleksi 2026.</strong></div> <div class="nd-title-subregister"> <sup sup="" style="line-height: 1; font-size: 113%;">*</sup> Menunjukkan bidang yang harus diisi </div> </div> <!-- <header> <span elqid="4493" elqtype="Section" class="remove-absolute" style="display: block"></span> </header> --> <aside class="form-content"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="MY26-RYI-ID" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form606" x-data="app()"> <input value="MY26-RYI-ID" type="hidden" name="elqFormName"> <input value="211266568" type="hidden" name="elqSiteId"> <input name="elqCampaignId" type="hidden"> <div class="group form-input footer-links"> <label class="elq-label" for="fe13831">Nama Depan<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldFirstName" id="fe13831" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13832">Nama Belakang<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldLastName" id="fe13832" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13833">Email<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldEmail" id="fe13833" style="width:100%;"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13834" id="mobileLabel">Ponsel<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobileCountryCode" id="fe13834" x-ref="output" style="display:none" value="62"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13835" style="width:100%" aria-labelledby="mobileLabel"> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13836"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13836" name="fieldCity" style="width:100%" @change="updateDealer()"> <option value="" style="display: none;">Negara<span class="required">*</span></option> <option value="Bali">Bali</option> <option value="Bandung">Bandung</option> <option value="Batam">Batam</option> <option value="Jakarta Selatan">Jakarta Selatan</option> <option value="Kelapa Gading">Kelapa Gading</option> <option value="Medan">Medan</option> <option value="Solo City">Solo City</option> </select> </div> </div> </div> </div> </div> <!-- <div class="group form-input full-width footer-links"> <label class="elq-label" for="fieldPreferredBike"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fieldPreferredBike" name="fieldPreferredBike" style="width:100%" > <option value="" style="display: none;">Sepeda Pilihan<span class="required">*</span></option> <option value="RH1250S">Sportster S</option> <option value="RH975">Nightster</option> <option value="RH975S">Nightster Special</option> <option value="RA1250S">Pan America Special </option> <option value="RA1250ST">Pan America 1250 ST</option> <option value="FXBB">Street Bob </option> <option value="FXLRS">Low Rider S</option> <option value="FXLRST">Low Rider ST </option> <option value="FXBR">Breakout</option> <option value="FLFB">Fat Boy</option> <option value="FLHC">Heritage Classic</option> <option value="FLHRXS">Road King Special</option> <option value="FLHX">Street Glide </option> <option value="FLTRX">Road Glide</option> <option value="FLHXU">Street Glide Ultra </option> <option value="FLHTCUTG">Tri Glide Ultra</option> <option value="FLRT">Freewheeler</option> <option value="FLTRT">Road Glide 3 </option> <option value="FLHXSE">CVO Street Glide</option> <option value="FLTRXSE">CVO Road Glide </option> <option value="RA1250SE">CVO Road Glide ST</option> <option value="RA1250SE">CVO Pan America</option> --> <!-- <option value="FLTRXRRSE">CVO Road Glide RR</option> --> <!-- <option value="HD350-10">H-D X 350</option> --> <!-- <option value="HD500-10A">H-D X 500</option> --> <!-- </select> </div> </div> </div> </div> </div> --> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13837"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13837" name="fieldPreferredDealer" style="width:100%" x-model="dealerCode" @change="getDealer()"> <option value="" style="display: none;">Dealer yang diinginkan<span class="required">*</span></option> <template x-for="dealer in dealers" :key="dealer.id"> <option :key="dealer.id" :value="dealer.id" x-text="dealer.name"></option> </template> </select> </div> </div> </div> </div> <template x-if="dealerCode != '' && selectedDealer"> <div class="dealer-details"> <h5 class="uppercase" x-text="selectedDealer.name" style="font-size:16px;"></h5> <template x-for="address in selectedDealer.address.streetAddress"> <p x-text="address"></p> </template> <span x-text="selectedDealer.address.city"></span><span> </span><span x-text="selectedDealer.address.zipPost"></span> <p x-text="selectedDealer.phone"></p> </div> </template> </div> <div x-data="{ bikeYes: 'no' }"> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13855">Apakah saat ini Anda memiliki motor?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele" id="fe13855"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_skxngegd" value="True" name="fieldOwnMotorcycle"> <label class="checkbox-aligned elq-item-label" for="radio-Yes_skxngegd">Ya</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_6x0ixblm" value="False" name="fieldOwnMotorcycle"> <label class="checkbox-aligned elq-item-label" for="radio-No_6x0ixblm">Tidak</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak=""> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13856"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13856" name="fieldBrand" style="width:100%;"> <option value="" style="display: none;">Merek</option> <option value="Honda">Honda</option> <option value="Yamaha">Yamaha</option> <option value="Kawasaki">Kawasaki</option> <option value="Suzuki">Suzuki</option> <option value="Harley-Davidson">Harley-Davidson</option> <option value="BMW">BMW</option> <option value="Ducati">Ducati</option> <option value="Triumph">Triumph</option> <option value="KTM">KTM</option> <option value="Moto Guzzi">Moto Guzzi</option> <option value="Indian">Indian</option> <option value="MV Agusta">MV Agusta</option> <option value="Royal Enfield">Royal Enfield</option> <option value="Hyosung">Hyosung</option> <option value="Other">Lainnya</option> </select> </div> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13838">Kapan Anda berencana untuk membeli motor?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select select-grey-placeholder" id="fe13838" name="fieldPurchaseIntent" style="width:100%;"> <option value="" style="display: none;">Choose one</option> <option value="0-3 Months">0-3 bulan</option> <option value="4-6 months">4-6 bulan</option> <option value="7-12 Months">7-12 bulan</option> <option value="I am not interested in purchasing at this time">Saya tidak berminat membeli saat ini</option> </select> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldOptinEmail" id="fe13839"> <label class="checkbox-aligned elq-item-label" for="fe13839">Saya ingin menerima komunikasi secara berkala tentang produk dan layanan Harley‑Davidson<sup style="font-size: .6em;">®</sup>.</label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldPrivacy" id="fe13840"> <label class="checkbox-aligned elq-item-label" for="fe13840">Saya telah membaca, memahami, dan menyetujui <a href="https://www.harley-davidson.com/id/id/footer/utility/terms-of-use.html?elqTrackId=50657092c4e34227b1971b0f27c801f3&elqaid=1683&elqat=2&elqak=8AF54BBF525F322E3B2FC22402F39D43295B41A9CA1B7673C8F4C65BD79123B03256" target="_blank" rel="noreferrer" `="">Syarat dan Ketentuan</a> & <a href="https://www.harley-davidson.com/id/id/footer/utility/privacy-policy.html?elqTrackId=4a40d4b8ac184d49a250665a11d5f0c4&elqaid=1683&elqat=2&elqak=8AF52C31D30C5B82F32855BB58C00361D54AE646EC43D5459ED6E5DA50BDF10DA73B" target="_blank" rel="noreferrer">Kebijakan Privasi</a>.<span class="required">*</span></label> </div> </div> </div> </div> </div> </div> <div style="display:none;"><!-- UTM THINGS..--> <input class="elq-item-input" type="text" name="fieldCampaignId" id="fe13841" value="ID25-024-FO" style="width:100%;"> <input type="hidden" name="utm_medium" id="fe13842" value=""> <input type="hidden" name="utm_source" id="fe13843" value=""> <input type="hidden" name="utm_campaign" id="fe13844" value=""> <input type="hidden" name="source_cd" id="fe13845" value=""> </div> <div class="group form-input full-width center-align"> <div class="submit-parent"> <input class="submit-button-style" type="Submit" value="Temukan Motor Anda " id="fe13846"> </div> </div> <input type="hidden" name="fieldPreferredmodelname" id="fieldPreferredmodelname"> <script> document.querySelector("#fieldPreferredBike").addEventListener("change", (e)=>{ console.log(e.target.options[e.target.selectedIndex].text) document.querySelector("#fieldPreferredmodelname").value = e.target.options[e.target.selectedIndex].text }); </script> </form> </div> </aside> <footer id="footer" style="background-color:#fff"> <div class="footer-country">HARLEY-DAVIDSON<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> <span style="color:#000">Indonesia</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/id/id/footer/utility/privacy-policy.html?elqTrackId=9f292ec065f84044a95cc49f71a8d750&elq=00000000000000000000000000000000&elqaid=1683&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4506&elqak=8AF56F2F48DFF1E528A0AB14C28213C7F75041BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">KEBIJAKAN PRIVASI</a><a href="https://www.harley-davidson.com/id/id/footer/utility/terms-of-use.html?elqTrackId=d482eecb0dfe4fa5ae94f53763a177eb&elq=00000000000000000000000000000000&elqaid=1683&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4506&elqak=8AF5C85BF30DEEB882F0754B1896F0A777F941BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">INFORMASI HUKUM</a><a href="https://www.harley-davidson.com/id/id/footer/utility/we-care-about-you.html?elqTrackId=aa264b3dc06544b3b34207c0d22cdec9&elq=00000000000000000000000000000000&elqaid=1683&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4506&elqak=8AF51B1262BBB9328B99F8131155C2124B3241BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">KAMI PEDULI PADA ANDA</a></nav> <small class="footer-copyright">©2001-2026 H-D. Semua hak dilindungi undang-undang.<br /> Harley‑Davidson.com memberikan informasi lokal untuk negara di seluruh dunia. Saat ini Anda berada di H‑D<sup>®</sup> Indonesia</small></footer> <script type="text/javascript" src="https://img07.en25.com/i/livevalidation_standalone.compressed.js"></script> <script> function hideInputLabelOnChange(e){ var parentNode = e.target.parentNode; var loopBreaker = 0 while((!parentNode.classList.contains("form-input")) && (loopBreaker < 12)){ parentNode = parentNode.parentNode loopBreaker++ } var labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (e.target.value == ""){ labelDiv.classList.remove("elq-label-hidden") } else { labelDiv.classList.add("elq-label-hidden") } } } function hideInputLabelEventListener(){ var inputList = Array.from(document.querySelectorAll(".change-hide-label")) inputList.forEach(function(input){ input.addEventListener("change", hideInputLabelOnChange); input.addEventListener("focus", hideInputLabelOnChange); input.addEventListener("blur", hideInputLabelOnChange); hideInputLabelOnChange({target: input}) }) } function selectGreyOnChange(e){ e.target.classList.add("value-valid") } function selectGreyEventListener(){ var inputList = Array.from(document.querySelectorAll(".select-grey-placeholder")) inputList.forEach(function(input){ input.addEventListener("change", selectGreyOnChange); }) } hideInputLabelEventListener() selectGreyEventListener() </script> <script>function handleFormSubmit(e) { var a = e.querySelector("input[type=submit]"), t = document.createElement("span"); return t.setAttribute("class", "loader"), a.setAttribute("disabled", !0), a.style.cursor = "wait", a.parentNode.appendChild(t), !0 } function resetSubmitButton(e) { for (var a = e.target.form.getElementsByClassName("submit-button"), t = 0; t < a.length; t++)a[t].disabled = !1 } function addChangeHandler(e) { for (var a = 0; a < e.length; a++)e[a].addEventListener("change", resetSubmitButton) } var nodes, form = document.getElementById("form606"); if (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), nodes = document.querySelectorAll("#form606 input[data-subscription]")) for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute("data-subscription"); "true" === status && (nodes[i].checked = !0) } if (nodes = document.querySelectorAll("#form606 select[data-value]")) for (i = 0; i < nodes.length; i++) { var node = nodes[i], selectedValue = node.dataset ? node.dataset.value : node.getAttribute("data-value"); if (selectedValue) for (var j = 0; j < node.options.length; j++)if (node.options[j].value === selectedValue) { node.options[j].selected = "selected"; break } } this.getParentElement = function (e) { return e[e.length - 1].parentElement }; // var domBike = document.querySelector("#form606 #fieldPreferredBike"), // fieldPreferredBike = new LiveValidation(domBike, { // validMessage: "", // onlyOnBlur: !1, // wait: 300, // }); // fieldPreferredBike.add(Validate.Presence, { failureMessage: "Please select a bike." }); var dom0 = document.querySelector("#form606 #fe13831"), fe13831 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13831.add(Validate.Presence, { failureMessage: "Masukkan nama depan." }), fe13831.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35 }); var dom1 = document.querySelector("#form606 #fe13832"), fe13832 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13832.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35 }), fe13832.add(Validate.Presence, { failureMessage: "Masukkan nama belakang." }); var dom2 = document.querySelector("#form606 #fe13833"), fe13833 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13833.add(Validate.Presence, { failureMessage: "Masukkan alamat email yang valid." }), fe13833.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "Masukkan alamat email yang valid." }), fe13833.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Masukkan alamat email yang valid.", negate: "true" }), fe13833.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 100 }); var dom3 = document.querySelector("#form606 #fe13834"), fe13834 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13834.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13834.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13834.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99999999999 }); var dom4 = document.querySelector("#form606 #fe13835"), fe13835 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13835.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13835.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13835.add(Validate.Presence, { failureMessage: "Hal ini diperlukan agar kami dapat menghubungi Anda untuk memesan motor Anda" }); var dom5 = document.querySelector("#form606 #fe13836"), fe13836 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13836.add(Validate.Presence, { failureMessage: "Pilih negara." }); var dom6 = document.querySelector("#form606 #fe13837"), fe13837 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13837.add(Validate.Presence, { failureMessage: "Silakan pilih dealer." }); var dom8 = document.querySelectorAll('#form606 [name="fieldOwnMotorcycle"]'), fe13855 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom8), isGroup: !0 }, !0); fe13855.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13855.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13855.add(Validate.Presence, { failureMessage: "Konfirmasikan jika saat ini Anda memiliki motor." }); var dom9 = document.querySelector("#form606 #fe13856"), fe13856 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom10 = document.querySelector("#form606 #fe13838"), fe13838 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13838.add(Validate.Presence, { failureMessage: "Silakan pilih satu." }); var dom11 = document.querySelector("#form606 #fe13839"), fe13839 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom12 = document.querySelector("#form606 #fe13840"), fe13840 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13840.add(Validate.Acceptance, { failureMessage: "Harap tegaskan bahwa Anda telah membaca, memahami, dan menyetujui pemberitahuan privasi yang terlampir." });</script> <link rel="preload" href="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" /> </noscript> <script src="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5339dab2-756e-42e4-b1cf-5afceb2d5c7f}_preload.min.js"></script> <script>!function (t) { "use strict"; t.loadCSS || (t.loadCSS = function () { }); var e = loadCSS.relpreload = {}; if (e.support = function () { var e; try { e = t.document.createElement("link").relList.supports("preload") } catch (t) { e = !1 } return function () { return e } }(), e.bindMediaToggle = function (t) { var e = t.media || "all"; function a() { t.addEventListener ? t.removeEventListener("load", a) : t.attachEvent && t.detachEvent("onload", a), t.setAttribute("onload", null), t.media = e } t.addEventListener ? t.addEventListener("load", a) : t.attachEvent && t.attachEvent("onload", a), setTimeout(function () { t.rel = "stylesheet", t.media = "only x" }), setTimeout(a, 3e3) }, e.poly = function () { if (!e.support()) for (var a = t.document.getElementsByTagName("link"), n = 0; n < a.length; n++) { var o = a[n]; "preload" !== o.rel || "style" !== o.getAttribute("as") || o.getAttribute("data-loadcss") || (o.setAttribute("data-loadcss", !0), e.bindMediaToggle(o)) } }, !e.support()) { e.poly(); var a = t.setInterval(e.poly, 500); t.addEventListener ? t.addEventListener("load", function () { e.poly(), t.clearInterval(a) }) : t.attachEvent && t.attachEvent("onload", function () { e.poly(), t.clearInterval(a) }) } "undefined" != typeof exports ? exports.loadCSS = loadCSS : t.loadCSS = loadCSS }("undefined" != typeof global ? global : this);</script> <script>function app() { return { city: '', dealerCode: '', dealerName: '', dealers: [], selectedDealer: {}, updateDealer() { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?country=IDN`) .then((res) => res.json()) .then(data => { console.log(data) this.dealers = data.dealers }); }, getDealer() { if (this.dealerCode) { let dealerCode = this.dealerCode; this.selectedDealer = this.dealers.find(function (dealer) { return dealer.id == dealerCode }); this.dealerName = this.selectedDealer?.name; } } } } // scroll to error document.querySelector("form").addEventListener('submit', onSubmit); function onSubmit() { var error = document.querySelectorAll('.LV_invalid'); if (error.length) { var firstError = document.querySelector(".elq-form .LV_invalid:first-of-type"); var scrollTop = window.scrollY || window.pageYOffset; var y = firstError.getBoundingClientRect().top + scrollTop; scrollTo(document.body, y, 600); return false; } }</script> </body></html><style>img.elq-gen-NoDisplay { display:none; }</style><img class="elq-gen-NoDisplay" src="https://s211266568.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=211266568&PURLSiteID=5&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=1683&PURLRecordID=0&PURLGUID=2DD16258D393460BB5A1150321365245&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">