Изменить значение ввода в запросе XHR с помощью JQuery

Question

В настоящее время я разрабатываю веб-расширение для Chrome и Fiferox. Я загружаю некоторый HTML-контент, используя запрос get, и мне нужно изменить одно из входных значений в ответе данных HTML перед вставкой в ​​DOM.

Вот часть соответствующего кода:

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. Некоторые идеи ??

Заранее спасибо.

Answer 1

Каждый раз, когда вы звоните $(data), вы анализируете ответ и создаете новые элементы HTML ( docs ). Если вы сохранили элементы, изменили значение, а затем обновили 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);
});