javascript - 当尝试在 .load() 方法之后在函数内部使用 $(this) 时，我得到 'Bad assignment'

Question

我还没有找到解决我的问题的方法。也许我使用了错误的关键字。 我试图在执行 .load() 操作后更新输入字段 onchange 的值。 这是我的脚本:

$(document).on("change",".myInput",function() {
    var value = $(this).val();
    $('#actionDiv').load("someAction.php?value="+value, function() {
        $(this).val('OK');
    });
});

因此，在 someAction.php 成功加载到 #actionDiv 后，我想更改该输入字段的值，该值已更改。 我有几个输入字段，它们采取这种操作...... 在 load() 完成后，“$(this)”在函数中似乎是未知的。 有人可以帮忙吗？ 谢谢

Answer 1

您需要存储对元素的引用，或者使用不会更改 this 值的箭头方法

$(document).on("change",".myInput",function() {
    var that = this;
    var value = $(that).val();
    $('#actionDiv').load("someAction.php?value="+value, function() {
        $(that).val('OK');
    });
});

或者

$(document).on("change",".myInput",function(e) {
    var value = $(e.target).val();
    $('#actionDiv').load("someAction.php?value="+value, function() {
        $(e.target).val('OK');
    });
});

或者

$(document).on("change",".myInput",function() {
    var value = $(this).val();
    $('#actionDiv').load("someAction.php?value="+value, () =>{
        $(this).val('OK');
    });
});