Javascript 使用JQuery更改XHR请求中输入的值

我目前正在为Chrome和Fiferox开发一个webextension。我正在使用get请求加载一些Html内容，在插入DOM之前，我需要更改Html数据响应中的一个输入值

以下是相关代码的一部分：

var url = browser.extension.getURL("resources/forms/form-a.html");
$.get(url, function(data){

 $(data).find("input[id='name:front']").val("New Value");

 //Here the console output is NOT "New Value"
 console.log($(data).find("input[id='name:front']").val())

 $("#form-names").replaceWith($(data));

});

我希望在替换DOM内容之前更改一些输入值。 一些想法

提前感谢。

每次调用$data时，您都在解析响应并创建新的HTML元素。如果您保存了元素，更改了值，然后更新了DOM，您会发现它工作正常

var url = browser.extension.getURL("resources/forms/form-a.html");
$.get(url, function(data){

  var newForm = $(data);
  newForm.find("#name:front").val("New Value");

  // Here the console output is should be "New Value"
  console.log(newForm.find("#name:front").val())

  $("#form-names").replaceWith(newForm);
});

---

这是相关代码的一部分-这是您的webextension吗？不是的，我的webextension做了很多其他事情，但我的问题是如何更改输入值以替换页面的HTML内容。需要更多信息吗？那么，这些代码不是webextension的一部分？我正在尝试处理您的问题是的，这些代码在我的webextension的内容脚本中。我使用的方法与这里描述的不同：我将测试您的解决方案并给出反馈。。谢谢