javascript - 类型错误 : stepUp called on an object that does not implement interface HTMLInputElement

Question

我有这个代码

<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;


    });

但是当我点击链接时，当我从 ajax 调用中删除此代码时，出现此错误“TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement”

data: { box_no: box_no, search_term: search_term}

我的代码运行良好。为什么会发生这种情况以及如何解决这个问题？如何发送数据？

Answer 1

如果 search_term 是一个输入字段，您可能想要获取它的值。

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

现在您正在引用一个包含 HTMLDom 元素的 jQuery 对象，但我认为您想要的是搜索输入元素中的字符串。