Значения формы, потерянные на предыдущей странице при innerHTML

#javascript #html #forms #caching #innerhtml

#javascript #HTML #формы #кэширование #innerhtml

Вопрос:

Я получил форму, которую я отображаю с помощью .innerHTML

Когда я отправляю и возвращаюсь на страницу формы, форма пуста.

Почему?

Вот jsfiddle

https://jsfiddle.net/ft5bjhqq/3/

(Введите значения в формах, отправьте, вернитесь назад и посмотрите экран отличия3.

 document.getElementById('test').innerHTML = '' 
  '<form method="post" action="azerty.php">' 
    '<input type="text"> ' 
    '<input type="submit" value="OK">' 
  '</form>';
  

Есть ли простое решение для 2-й формы скопировать поведение первой?

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

Комментарии:

1. Что вы ожидаете от содержимого формы?

2.Содержимое, которое я ввожу в форму перед отправкой. Screen1: введите значения Screen2: отправьте Screen3: вернитесь на предыдущую страницу

3. Почему бы вам не использовать скрытый ввод для заполнения значения, каждый раз, когда загружается ваша страница, она загружает ваш тест с помощью same .innerHTML

Ответ №1:

Я не знаю, лучший это способ или нет, но это решит вашу проблему.

Отредактировал вашу скрипку, проверьте

Скрипка

HTML

 <form method="post" onsubmit="copValue()" action="azerty.php">
  <input type="text">
  <input type="submit" value="OK">
</form>

<br>

innerhtml
<div id="test" > </div>
<input type="hidden" id="iAmHidden">
  

JS

 var value=document.getElementById('iAmHidden').value;


  function copValue () {
    document.getElementById('iAmHidden').value = document.getElementById('formText').value;
    return true;
  }

 document.getElementById('test').innerHTML = '' 
  '<form method="post" onsubmit="copValue()" action="azerty.php">' 
    '<input type="text" id="formText" value="' value '"> ' 
    '<input type="submit" value="OK">' 
  '</form>';
  

Надеюсь, это решит вашу проблему!!

Комментарии:

1. Спасибо за этот ответ! Я использую innerHTML для изменения страниц без перезагрузки всей страницы. (меню / нижний колонтитул не перезагружен), поэтому я могу продолжать воспроизведение музыки между / после изменения страницы. Из-за этого я не могу установить скрытый ввод html до того, как мой скрипт отобразит форму. (форма находится на странице, которая отображается с помощью скрипта)

2. Я все еще могу использовать ваш способ настройки скрытого ввода на всех страницах моего сайта, но я думаю, что может быть другой способ

3. Да, вы можете дать это в качестве ответа, если это сработало для вас !!, Спасибо!!