programing

TypeError: HTMLInputElement 인터페이스를 구현하지 않은 개체에서 스텝업이 호출되었습니다.

lastmoon 2023. 3. 23. 23:03
반응형

TypeError: HTMLInputElement 인터페이스를 구현하지 않은 개체에서 스텝업이 호출되었습니다.

이 코드가 있습니다.

<a data-remote="true" data-box_no="1" class="find_or_add_horse" href="#">Find/Add Horse</a>

링크를 클릭하면 Ajax 콜을 합니다.

$(document).on('click', '.find_or_add_horse', function () {
        var search_term = $(this).parents('.sub-middle-column').find('.search_horse');
        var box_no = $(this).data('box_no');


        $.ajax({
            url: "/startup_wizard/find_horse",
            dataType: 'script',
            type: 'GET',
            data: { box_no: box_no, search_term: search_term}
        });
        return false;


    });

그러나 링크를 클릭하면 이 오류가 나타납니다.TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement" Ajax 콜에서 이 코드를 삭제하면

data: { box_no: box_no, search_term: search_term}

내 코드는 잘 작동한다.이 문제가 발생하는 이유와 해결 방법어떻게 하면 데이터를 보낼 수 있나요?

한다면search_term값은 입력 필드입니다.

var search_term = $(this).parents('.sub-middle-column').find('.search_horse').val();

현재 HTMLDom-Element를 포함하는 jQuery 객체를 참조하고 있지만 원하는 것은 검색 입력 요소 내의 문자열이라고 생각합니다.

TypeError: stepUp인터페이스 HTMLInputElement를 실장하지 않은 오브젝트로 호출된 것은 # sign for (id)와 . sign for class를 잊은 경우입니다.. 또는 # 기호 없이 직접 값을 얻을 수 있는 경우.

잘못된 방법:- var email = $('PHMC_email').val();

올바른 방법:

-var email = $('#PHMC_email').val();또는var email = $('.PHMC_email').val();

언급URL : https://stackoverflow.com/questions/22962933/typeerror-stepup-called-on-an-object-that-does-not-implement-interface-htmlinpu

반응형