TypeError：在未实现接口HTMLInputElement的对象上调用stepUp

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;


    });

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

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对象，但是我认为您想要的是搜索输入元素中的字符串。