</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/%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> <div class="nd-title-main" style="font-size:55px !important;"> 완전 신형 Harley-Davidson CVO<sup style="line-height: 1.5; font-size: 70%; mso-text-raise: 60%;">™</sup> 모델 최초 공개 </div> <div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px;"> 뛰어난 감성과 혁신을 갖춘 완전 신형 2023년형 Harley-Davidson CVO<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup> Street Glide<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup> and CVO<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">™</sup> Road Glide<sup style="line-height: 1; font-size: 70%; mso-text-raise: 60%;">®</sup>의 최초 공개는. 할리데이비슨 그랜드 아메리칸 투어링 모델의 정점을 경험하세요. 지금 관심 등록하기. </div> <div class="nd-title-register"> </div> <div class="nd-title-subregister"> 별표(*) 표시는 필수 필드를 나타냅니다. </div> </div> <aside class="form-content"> <div class="form-wrapper"> <form class="form elq-form" method="post" name="MY22_RYI_KR" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form600" x-data="app()"><input value="MY22_RYI_KR" 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="fe13723">이름<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="fe13723"style="width:100%;"></div> </div> </div> </div> </div> <div class="group form-input footer-links"><label class="elq-label" for="fe13724">성<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="fe13724" style="width:100%;"></div> </div> </div> </div> </div> <div class="group form-input footer-links"><label class="elq-label" for="fe13725">이메일<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" p id="fe13725" style="width:100%;"></div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13726" id="mobileLabel">휴대전화<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="fe13726" x-ref="output" style="display:none" value="61" /> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13727" style="width:100%" aria-labelledby="mobileLabel" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"><label class="elq-label" for="fe13728"></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="fe13728" name="fieldCity" style="width:100%"> <option value="" style="display: none;">지역<span class="required">*</span></option> <option value="Busan">부산시</option> <option value="Daegu">대구시</option> <option value="Daejeon">대전시</option> <option value="Gwangju">광주시</option> <option value="Gyeonggi">경기도</option> <option value="Seoul">서울시</option> <option value="Gangwon">강원도</option> <option value="Chungcheong">충청도</option> <option value="Gyeongsang">경상도</option> <option value="Jeolla">전라도</option> <option value="Jeju">제주도</option> </select></div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"><label class="elq-label" for="fe13729"></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="fe13729" name="fieldPreferredDealer" style="width:100%" x-model="dealerCode" @change="$nextTick(function(){ getDealer() })"> <option value="" style="display: none;">테스트 라이딩을 원하는 할리데이비슨 지점<span class="required">*</span></option> <option value="3158">할리데이비슨 부산점</option> <option value="1583">할리데이비슨 대구점</option> <option value="4746">할리데이비슨 남양주점</option> <option value="4749">할리데이비슨 창원점</option> <option value="2799">할리데이비슨 대전점</option> <option value="2655">할리데이비슨 강남점</option> <option value="3838">할리데이비슨 광주점</option> <option value="2654">할리데이비슨 한남점</option> <option value="3552">할리데이비슨 일산점</option> <option value="4254">할리데이비슨 원주점</option> <option value="6560">할리데이비슨 용인점</option> </select></div> </div> </div> </div><template x-if="(dealerCode != '' && selectedDealer.length)"> <div class="dealer-details"> <h5 class="uppercase" x-html="dealerName_html" style="font-size:16px;"></h5> <p x-html="selectedDealer[0].address"></p> <p x-text="selectedDealer[0].tel"></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="fe13857">현재 모터사이클을 소유하고 계십니까?<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="fe13857"> <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">네</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">아니오</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="fe13858"></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="fe13858" name="fieldBrand" style="width:100%;"> <option value="" style="display: none;">브랜드</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">효성</option> <option value="Other">기타</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="fe13730">모터사이클 구매 시점을 언제로 생각하고 계십니까?<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="fe13730" name="fieldPurchaseIntent" style="width:100%;"> <option value="" style="display: none;">Choose one</option> <option value="0-3 Months">0~3개월</option> <option value="4-6 months">4~6개월</option> <option value="7-12 Months">7~12개월</option> <option value="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="fe13732"><label class="checkbox-aligned elq-item-label" for="fe13732">할리데이비슨의 제품과 서비스에 관한 소식을 정기적으로 수신하고 싶습니다.</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="fe13733"><label class="checkbox-aligned elq-item-label" for="fe13733"><a href='https://www.harley-davidson.com/kr/ko/footer/utility/terms-of-use.html?elqTrackId=0a4927d847cc4c3790d133c6d601edbd&elqaid=1155&elqat=2&elqak=8AF5FA46168424F2710D7BAC97F3BF4B780A92C8FEE731FB7CC69D32AEBFFA130E1C' target='_blank'>이용약관</a> 및 <a href='https://www.harley-davidson.com/kr/ko/footer/utility/privacy-policy.html?elqTrackId=004493dd2bb340daa4c7b3d8893b6297&elqaid=1155&elqat=2&elqak=8AF58B43C7D34F0113686AFFCA6986B8D0A71E52B818328BAAA93204D25E7AAD3593' target='_blank'>개인정보 보호 정책</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="fe13734" value="KR23-117-EL" style="width:100%;"><input type="hidden" name="utm_medium" id="fe13736" value=""><input type="hidden" name="utm_source" id="fe13737" value=""><input type="hidden" name="utm_campaign" id="fe13738" value=""><input type="hidden" name="source_cd" id="fe13739" value=""></div> <div class="group form-input full-width center-align" > <div class="submit-parent"><input class="submit-button-style" type="Submit" value="지금 문의하기" id="fe13740"></div> </div> </form> </div> </aside> <footer id="footer" style="background-color: #000000;"> <div class="footer-country">HARLEY-DAVIDSON<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> <span>Korea</span></div> <nav class="footer-links"><a href="https://www.harley-davidson.com/kr/ko/footer/utility/privacy-policy.html?elqTrackId=257bb9f1cc4d4b468783695651771500&elq=00000000000000000000000000000000&elqaid=1155&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4482&elqak=8AF5B5C08ADE3BCD334848F1C5DB693B570241BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">개인정보 보호 정책</a><a href="https://www.harley-davidson.com/kr/ko/footer/utility/terms-of-use.html?elqTrackId=b9511df6b63a413dbd2bda0fa56d9027&elq=00000000000000000000000000000000&elqaid=1155&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4482&elqak=8AF5D2276235B50512DE051398619A9D392D41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">이용약관</a><a href="https://www.harley-davidson.com/kr/ko/footer/utility/we-care-about-you.html?elqTrackId=19d486e024154872a539091cac24c846&elq=00000000000000000000000000000000&elqaid=1155&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4482&elqak=8AF56C45F0D0FD580C65BE9C3914AABB120141BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">당신을 생각합니다</a></nav> <small class="footer-copyright">©2001-2024 H-D. All rights reserved.<br /> Harley‑Davidson.com은 전 세계 여러 국가의 정보를 제공합니다. 현재 H‑D<sup style="line-height: 0.3; font-size: 70%; mso-text-raise: 60%;">®</sup> Asia Pacific에 접속되어 있습니다. Korea</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("form600"); if (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), nodes = document.querySelectorAll("#form600 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("#form600 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("#form600 #fe13723"), fe13723 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13723.add(Validate.Presence, { failureMessage: "이름을 입력해 주십시오." }), fe13723.add(Validate.Length, { tooShortMessage: "입력하신 문자가 최대 길이를 초과합니다.", tooLongMessage: "입력하신 문자가 최대 길이를 초과합니다.", minimum: 0, maximum: 35 }); var dom1 = document.querySelector("#form600 #fe13724"), fe13724 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13724.add(Validate.Presence, { failureMessage: "성을 입력해 주십시오." }), fe13724.add(Validate.Length, { tooShortMessage: "입력하신 문자가 최대 길이를 초과합니다.", tooLongMessage: "입력하신 문자가 최대 길이를 초과합니다.", minimum: 0, maximum: 35 }); var dom2 = document.querySelector("#form600 #fe13725"), fe13725 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13725.add(Validate.Length, { tooShortMessage: "입력하신 문자가 최대 길이를 초과합니다.", tooLongMessage: "입력하신 문자가 최대 길이를 초과합니다.", minimum: 0, maximum: 100 }), fe13725.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: "유효한 이메일을 입력해 주십시오." }), fe13725.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "유효한 이메일을 입력해 주십시오.", negate: "true" }), fe13725.add(Validate.Presence, { failureMessage: "유효한 이메일을 입력해 주십시오." }); var dom3 = document.querySelector("#form600 #fe13726"), fe13726 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13726.add(Validate.Numericality, { tooLowMessage: "Invalid numeric value", tooHighMessage: "Invalid numeric value", minimum: 0, maximum: 99 }), fe13726.add(Validate.Presence, { failureMessage: "라이딩 예약을 위해 연락을 드리는 데 필요합니다." }), fe13726.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13726.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 dom4 = document.querySelector("#form600 #fe13727"), fe13727 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13727.add(Validate.Numericality, { tooLowMessage: "유효한 숫자를 입력해 주십시오.", tooHighMessage: "유효한 숫자를 입력해 주십시오.", minimum: 0, maximum: 999999999999999 }), fe13727.add(Validate.Presence, { failureMessage: "라이딩 예약을 위해 연락을 드리는 데 필요합니다." }), fe13727.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13727.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 dom5 = document.querySelector("#form600 #fe13728"), fe13728 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13728.add(Validate.Presence, { failureMessage: "거주하는 국가를 선택해 주십시오." }); var dom6 = document.querySelector("#form600 #fe13729"), fe13729 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13729.add(Validate.Presence, { failureMessage: "원하는 공식 딜러를 선택해 주십시오." }); var dom8 = document.querySelectorAll('#form600 [name="fieldOwnMotorcycle"]'), fe13857 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom8), isGroup: !0 }, !0); fe13857.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" }), fe13857.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13857.add(Validate.Presence, { failureMessage: "모터사이클을 소유하고 있는지 확인해주십시오." }); var dom9 = document.querySelector("#form600 #fe13858"), fe13858 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom10 = document.querySelector("#form600 #fe13730"), fe13730 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13730.add(Validate.Presence, { failureMessage: "아래에서 선택하십시오." }); var dom11 = document.querySelector("#form600 #fe13732"), fe13732 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom12 = document.querySelector("#form600 #fe13733"), fe13733 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13733.add(Validate.Acceptance, { failureMessage: "첨부된 개인정보 알림을 읽고 이해했으며 이에 동의함을 확인해 주십시오." });</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 { dealerCode: '', dealerName_html: '', dealerName: '', dealers: [{ id: 3158, name: "할리데이비슨 부산점", address: "할리데이비슨 부산점 부산광역시 남구 유엔로 204<br>부산 48529", state: "Busan", tel: "82-51-752-8279" }, { id: "1583", name: "할리데이비슨 대구점", address: "경상북도 경산시 진량읍 대학로 1394<br>대구 38452", state: "Daegu", tel: "82-53-851-8279" }, { id: 4746, name: "할리데이비슨 남양주점", address: "경기도 남양주시 진접읍 금강로1383<br>남양주 12017", state: "", tel: "031-5281-8279" }, { id: 4749, name: "할리데이비슨 창원점", address: "경상남도 김해시 진영읍 진산대로229-1<br>창원 50859", state: "", tel: "055-3434-8279" }, { id: 2799, name: "할리데이비슨 대전점", address: "대전광역시 유성구 현충원로 207<br>대전 34150", state: "Daejeon", tel: "+820428628279" }, { id: 2655, name: "할리데이비슨 강남점", address: "서울특별시 강남구 도곡로 241<br>강남 06230", state: "Gangnam", tel: "82-2-3452-8279" }, { id: 3838, name: "할리데이비슨 광주점", address: "광주광역시 광산구 상무대로 345<br>광주 62380", state: "Gwangju", tel: "+820629428279" }, { id: 2654, name: "할리데이비슨 한남점", address: "서울특별시 용산구 한남대로 42길 6<br>한남 4417", state: "Hannam", tel: "82-2-796-8279" }, { id: 3552, name: "할리데이비슨 일산점", address: "경기도 고양시 일산서구 경의로 835-4<br>일산 10237", state: "Ilsan", tel: "82319218279" }, { id: 4254, name: "할리데이비슨 원주점", address: "강원도 원주시 서원대로 471<br>원주 Gangwon 26450", state: "Wonju", tel: "033-7654-8279" }, { id: 6560, name: "할리데이비슨 용인점", address: "경기도 용인시 기흥구 신정로 105-12<br>용인 17093", state: "Yongin", tel: "82-31-282-8279" }], selectedDealer: [], characters: 500, getCharLeft: function () { let currChar = this.$refs.enquiryChar.value.length; this.characters = this.characters - currChar; }, getDealer: function () { if (this.dealerCode) { dealerCode = this.dealerCode; this.selectedDealer = this.dealers.filter(function (dealer) { return dealer.id == dealerCode }); // this.selectedDealer = this.dealers.filter((dealer) => dealer.id == this.dealerCode); this.dealerName_html = this.selectedDealer[0].name.replaceAll("®", "<sup>®</sup>"); console.log(this.selectedDealer.name, this.dealerName_html); this.dealerName = this.selectedDealer[0].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><img style="display:none" src="https://s211266568.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=211266568&PURLSiteID=5&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=1155&PURLRecordID=0&PURLGUID=04041E94991C4C41BEEA63F218B339B3&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0" border=0 width=1 height=1 alt="">