</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/%7B25eb405d-9261-4a61-ad9e-78a95f97198c%7D_01_header_logo.png" style="width:25%;height:auto;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:55px !important;"> The New 2025’s are Here </div> <br> <br> <div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px;"> The 2025 lineup is here, with all-new models and bolder designs. <br>Check ‘em out online or get up close at your local dealership.</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>Register Your Interest</strong></div> <div class="nd-title-subregister" style="font-size:14px;"> <sup style="line-height: 1; font-size: 150%;">*</sup> indicates required field </div> </div> <aside class="form-content"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="MY25-RYI-AP" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form599" x-data="app()"> <input value="MY25-RYI-AP" 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="fe13706">First name<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="fe13706" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13707">Last name<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="fe13707" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13708">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="fe13708" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13709"></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="fe13709" name="fieldCountry" style="width:100%" x-model="countryCode" @change="dealers = [];selectedDealer=[];access();updateDealer();"> <option value="" style="display: none;">Select your Location<span class="required">*</span></option> <option value="Hong Kong">Hong Kong - China</option> <option value="Macao">Macau - China</option> <option value="Malaysia">Malaysia</option> <option value="Philippines">Philippines</option> <option value="Singapore">Singapore</option> </select> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13710">Mobile Phone<span class="required">*</span></label> <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="fe13710" x-ref="output" style="width:36px; margin-right: 8px; float: left"> <input class="elq-item-input change-hide-label LV_invalid_field" type="text" name="fieldMobile" id="fe13711" style="width:calc(100% - 44px);"> </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;">Preferred Bike<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="FLSTFI">Fat Boy Gray Ghost</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="FLHXSE">CVO Street Glide</option> <option value="FLTRXSE">CVO Road Glide </option> <option value="RA1250SE">CVO Road Glide ST</option> </select> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13712"></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="fe13712" name="fieldPreferredDealer" style="width:100%" x-model="dealerCode" @change="getDealer()"> <option value="" style="display: none;">Preferred Dealer<span class="required">*</span></option> <template x-if="dealers" 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.length"> <div class="dealer-details"> <h5 class="uppercase" x-text="selectedDealer[0].name" style="font-size:16px;"></h5> <template x-for="address in selectedDealer[0].address.streetAddress"> <p x-text="address"></p> </template> <span x-text="selectedDealer[0].address.city"></span><span> </span><span x-text="selectedDealer[0].address.zipPost"></span> <p x-text="selectedDealer[0].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="fe13853">Do you currently own a motorcycle?<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="fe13853"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_e41hc9wo" value="True" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-Yes_e41hc9wo">Yes</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_jdg3o25j" value="False" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-No_jdg3o25j">No</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak="x-cloak"> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13854"></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="fe13854" name="fieldBrand" style="width:100%;"> <option value="" style="display: none;">Brand</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">Other</option> </select> </div> </div> </div> </div> </div> </div> </div> <!--PID--> <div class="group form-input full-width footer-links"> <label class="elq-label overlap-false" for="fe13713">When are you thinking of purchasing a motorcycle?<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="fe13713" name="fieldPurchaseIntent" style="width:100%;"> <option value="" style="display: none;">Choose one</option> <option value="0-3 Months">0-3 Months</option> <option value="4-6 months">4-6 Months</option> <option value="7-12 Months">7-12 Months</option> <option value="I am not interested in purchasing at this time">I am not interested in purchasing at this time</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="fe13715" /> <label class="checkbox-aligned elq-item-label" for="fe13715">I would like to receive communications periodically regarding Harley‑Davidson<sup style='font-size: .6em;'>®</sup> products and services.</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="fe13716" /> <label class="checkbox-aligned elq-item-label" for="fe13716">I have read, understood and accept the <a href='https://www.harley-davidson.com/ap/en/footer/utility/terms-of-use.html?elqTrackId=606abfbb71a24391810f9f4c5b53f079&elqaid=1553&elqat=2&elqak=8AF5C81E86B38AACBB7E7EAE7CB6C728F17A00A29233594F65B8D0EA14E56294F297' rel='rel noopener' target='_blank' class='inline-link'>Terms and Conditions</a> & <a href='https://www.harley-davidson.com/ap/en/footer/utility/privacy-policy.html?elqTrackId=444154265a3b4ae09f6d9f4805ff42fd&elqaid=1553&elqat=2&elqak=8AF5F810D71DC998841BC0FB40E3BF1E602AAE2831C5C09E710972A8194CA712A5E4' rel='rel noopener' target='_blank' class='inline-link'>Privacy Policy</a>.<span class='elq-required'>*</span></label> </div> </div> </div> </div> </div> </div> <div style="display:none;"> <input class="elq-item-input" type="text" name="fieldCampaignId" id="fe13717" value="AP25-002-FO" style="width:100%;" /> <input name="utm_medium" id="fe13177" value="" /> <input type="hidden" name="utm_source" id="fe13718" value="" /> <input type="hidden" name="utm_campaign" id="fe13719" value="" /> <input type="hidden" name="source_cd" id="fe13720" value="" /> </div> <div class="group form-input full-width center-align"> <div class="submit-parent"> <input class="submit-button-style" type="Submit" value="Register Your Interest" id="fe13722" /> </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: #ffffff;"> <div class="footer-country">HARLEY-DAVIDSON<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> <span style="color:#000000">Asia Pacific</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/ap/en/footer/utility/privacy-policy.html?elqTrackId=c9d6dfe4f8ea40b98322c6f67355a1a8&elq=00000000000000000000000000000000&elqaid=1553&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4504&elqak=8AF5BDB99ACC85EF51E33208818E736202A541BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Privacy Policy</a><a href="https://www.harley-davidson.com/ap/en/footer/utility/terms-of-use.html?elqTrackId=69730896ab9a4c5e8dd46da6aaf6fa84&elq=00000000000000000000000000000000&elqaid=1553&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4504&elqak=8AF54D579442841842AD9B337CDC7E78C29541BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">Terms Of Use</a><a href="https://www.harley-davidson.com/ap/en/footer/utility/we-care-about-you.html?elqTrackId=bedcc5b386624717ac59581d4b72d1b9&elq=00000000000000000000000000000000&elqaid=1553&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4504&elqak=8AF5EC471FCD8E6B539E14F85B19E15111A541BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">We Care About You</a></nav> <small class="footer-copyright">©2001-2025 H-D. All rights reserved.<br /> Harley-Davidson.com provides local information for countries around the world.<br /> You are currently on H‑D<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> Asia Pacific</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 siblingFields = Array.from(parentNode.querySelectorAll(".change-hide-label")); var valueString = e.target.value; if (siblingFields.length){ siblingFields.forEach((item)=>{ valueString += String(item.value) }) } console.log(siblingFields, valueString) var labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (valueString == ""){ 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); }) } 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("form599"); if ( (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), (nodes = document.querySelectorAll("#form599 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("#form599 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 dom0 = document.querySelector("#form599 #fe13706"), fe13706 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13706.add(Validate.Presence, { failureMessage: "Please enter your first name.", }), fe13706.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("#form599 #fe13707"), fe13707 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13707.add(Validate.Presence, { failureMessage: "Please enter your last name.", }), fe13707.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 35, }); var dom2 = document.querySelector("#form599 #fe13708"), fe13708 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13708.add(Validate.Length, { tooShortMessage: "The text entered exceeds the maximum length.", tooLongMessage: "The text entered exceeds the maximum length.", minimum: 0, maximum: 100, }), fe13708.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: "Please enter a valid email.", }), fe13708.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "Please enter a valid email.", negate: "true", }), fe13708.add(Validate.Presence, { failureMessage: "Please enter a valid email.", }); var dom3 = document.querySelector("#form599 #fe13709"), fe13709 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13709.add(Validate.Presence, { failureMessage: "Please select your location.", }); var dom5 = document.querySelector("#form599 #fe13710"), fe13710 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13710.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99999999999, }), fe13710.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13710.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", }); var dom6 = document.querySelector("#form599 #fe13711"), fe13711 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13711.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", }), fe13711.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13711.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99999999999, }), fe13711.add(Validate.Presence, { failureMessage: "Please enter your mobile number", }); var dom7 = document.querySelector("#form599 #fe13712"), fe13712 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13712.add(Validate.Presence, { failureMessage: "Please select a dealer." }); var domBike = document.querySelector("#form599 #fieldPreferredBike"), fieldPreferredBike = new LiveValidation(domBike, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fieldPreferredBike.add(Validate.Presence, { failureMessage: "Please select a bike." }); var dom9 = document.querySelectorAll('#form599 [name="fieldOwnMotorcycle"]'), fe13853 = new LiveValidation( dom9, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom9), isGroup: !0, }, !0 ); fe13853.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", }), fe13853.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi); }, failureMessage: "Value must not contain any HTML", }), fe13853.add(Validate.Presence, { failureMessage: "Please confirm if you currently own a motorcycle.", }); var dom10 = document.querySelector("#form599 #fe13854"), fe13854 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom11 = document.querySelector("#form599 #fe13713"), fe13713 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13713.add(Validate.Presence, { failureMessage: "Please select an option" }); var dom12 = document.querySelector("#form599 #fe13715"), fe13715 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300, }), dom13 = document.querySelector("#form599 #fe13716"), fe13716 = new LiveValidation(dom13, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fe13716.add(Validate.Acceptance, { failureMessage: "Please confirm that you have read, understood and accept the Terms and Conditions and Privacy Policy.", }); </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 { countryCode: '', lmsCountryID: '', dealerCode: '', dealerName: '', dealers: [], selectedDealer: [], characters: 500, updateDealer() { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?country=${this.lmsCountryID}`) .then((res) => res.json()) .then(data => { this.dealers = data && data.dealers ? data.dealers : []; if (data && data.dealers && data.dealers.length == 1) { this.dealerCode = data.dealers[0].id; this.getDealer(); } }); }, getCharLeft() { let currChar = this.$refs.enquiryChar.value.length; this.characters = this.characters - currChar; }, getDealer() { if (this.dealerCode) { fetch(`https://www.harley-davidson.com/dealerservices/services/rest/dealers/v2/search.json?dealerid=${this.dealerCode}`) .then((res) => res.json()) .then((data) => { console.log(data.dealers); this.dealerName = data.dealers[0].name; this.selectedDealer = data.dealers; }); } }, access() { let cc; switch (this.countryCode) { case 'Brunei Darussalam': cc = 673; this.lmsCountryID = "BRN"; break; case 'Cambodia': cc = 855; this.lmsCountryID = "KHM"; break; case 'Guam': cc = 1; this.lmsCountryID = "GUM"; break; case 'Hong Kong': cc = 852; this.lmsCountryID = "HKG"; break; case 'Macao': cc = 853; this.lmsCountryID = "MAC"; break; case 'Malaysia': cc = 60; this.lmsCountryID = "MYS"; break; case 'Myanmar': cc = 95; this.lmsCountryID = "MMR"; break; case 'Nepal': cc = 977; this.lmsCountryID = "NPL"; break; case 'Philippines': cc = 63; this.lmsCountryID = "PHL"; break; case 'Singapore': cc = 65; this.lmsCountryID = "SGP"; break; default: cc = ''; lmsCountryID = ''; } this.$refs.output.value = cc; hideInputLabelOnChange({target: document.querySelector("#fe13710")}) } } } // scroll to error document.querySelector("form").addEventListener('submit', onSubmit); function onSubmit() { var error = document.querySelectorAll('.LV_invalid'); if (error.length) { if (divReqFieldMsgPreferredBike) { divReqFieldMsgPreferredBike.style.display = 'none'; } 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><img style="display:none" src="https://s211266568.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=211266568&PURLSiteID=5&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=1553&PURLRecordID=0&PURLGUID=70415776F1B6493EAA99DB278CD0CB02&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">