Сохранение состояния html с javascript

Я нашел некоторые вещи до сих пор, но все еще не то, что мне нужно. У меня есть html-страница, у которой есть выбор ввода с именами. Мне нужно иметь возможность выбрать имя в этом входе и сохранить html таким образом, чтобы при повторном открытии страницы последнее выбранное имя по-прежнему выбрано. Я могу использовать только чистый javascript.Сохранение состояния html с javascript

Это то, что у меня есть сейчас. Работает на chrome, но не работает на IE.

<!DOCTYPE html> 
<html> 

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 

<body> 

    <p>Finalizado por:</p> 
    <div id="demo" style="float:left; margin-right: 10px;"></div> 
    <select id="mySelect" style="width: 25px; float:left;"> 
     <option></option> 
     <option value="Sérgio Barros">Sérgio Barros</option> 
     <option value="Marcos Evangelista">Marcos Evangelista</option> 
     <option value="Antônio Sobral">Antônio Sobral</option> 
     <option value="Marcelo Cancio">Marcelo Cancio</option> 
     <option value="Fabio">Fabio</option> 
     <option value="Ganso">Ganso</option> 
     <option value="Eduardo">Eduardo</option> 
     <option value="Rogério">Rogério</option> 
     <option value="Mastropirro">Mastropirro</option> 
     <option value="Marcelo Celebrity">Marcelo Celebrity</option> 
    </select> 
    <br/> 
    <br/> 

    <div id="demo2" style="float:left; margin-right: 10px;"></div> 
    <select id="mySelect2" style="width: 25px; float:left"> 
     <option></option> 
     <option value="Sérgio Barros">Sérgio Barros</option> 
     <option value="Marcos Evangelista">Marcos Evangelista</option> 
     <option value="Antônio Sobral">Antônio Sobral</option> 
     <option value="Marcelo Cancio">Marcelo Cancio</option> 
     <option value="Fabio">Fabio</option> 
     <option value="Ganso">Ganso</option> 
     <option value="Eduardo">Eduardo</option> 
     <option value="Rogério">Rogério</option> 
     <option value="Mastropirro">Mastropirro</option> 
     <option value="Marcelo Celebrity">Marcelo Celebrity</option> 
    </select> 
    <br/> 
    <br/> 

    <script> 
     function myFunction() { 
      var x = document.getElementById("mySelect").value; 
      document.getElementById("demo").innerHTML = x; 
     } 

     function myFunction2() { 
      var x = document.getElementById("mySelect2").value; 
      document.getElementById("demo2").innerHTML = x; 
     } 
    </script> 
</body> 

</html>

источник

2015-06-18 Gustavo Navarro

Возможный дубликат [Использование глобальной переменной для перезагрузки страницы] (http://stackoverflow.com/questions/29986657/global-variable-usage-on-page-reload) – AGE

Вы можете использовать local storage для сохранения выбранного значения и перезагрузки и установите его в раскрывающемся списке на PageLoad.

источник

2015-06-18 23:10:32 timeiscoffee

HTML не имеет гражданства. Это означает, что каждый раз, когда страница загружается, она как бы загружается в первый раз. Если вы хотите, чтобы ваша форма «запоминала» вещи, вам нужно их где-то спасти. Обычно это делается на сервере в базе данных или сеансе, или это может быть сделано на клиенте с помощью файлов cookie или локального хранилища.

источник

2015-06-18 23:12:06 Jonathan

Сохранение состояния html с javascript

ответ

Смежные вопросы