小编典典

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

ajax

我有这个代码

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

我的代码工作正常。为什么会发生这种情况以及如何解决呢?如何发送数据?


阅读 375

收藏
2020-07-26

共1个答案

小编典典

如果search_term是输入字段,则可能需要获取其值。

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

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

2020-07-26