javascript - 通过 JQuery 更新表单输入值失败 | Chrome 扩展程序

Question

我正在编写一个脚本来使用 jquery 在网页上自动填充地址表单。该脚本会更新字段中的值，但是当我单击其他值时，值会返回为空。我假设输入需要字段上的按键或单击事件，所以我也尝试过。当我也尝试提交表单时也会发生同样的情况。

$(function(){
    chrome.storage.sync.get(['fname','fstreetaddress','fcity','fstate','fpostalcode'],function(address){
        $(".address-form input[name=name]").trigger('keypress');
        //$(".address-form input[name=name]").trigger('focus');
        //$(".address-form input[name=name]").attr("value",address.fname);
        $("address-form input[name=name]").val(address.fname);
        $("address-form input[name='addressLineOne']").val(address.fstreetaddress);
        $("address-form input[name='City']").val(address.fcity);
        $("address-form input[name='State']").val(address.fstate);
        $("address-form input[name='postalCode']").val(address.fpostalcode);
    });
});

此外，如果我使用键盘向自动填充值添加一些内容，它会保留。

标签： javascripthtmljquerygoogle-chrome-extension