Сохранение введённых данных текстового поля в исходном коде через Javascript.

Question

Сохранение введённых данных текстового поля в исходном коде через Javascript.

Рейтинг: 0Ответов: 1Опубликовано: 19.02.2015

Есть исходный код страницы:

Далее я выполняю следующие действия:

В текстовое поле txt я ввожу текст '777' и нажимаю кнопку 'Сохранить'. После этих действий, у меня перезагружается страница, и в ней должен быть следующий исходный код:

http://jsfiddle.net/u990uzjf/1/

Как видите, в исходном коде сохранился текст '777' в текстовом поле. Как можно это сделать НЕ через PHP, а через Javascript или что-то наподобие этого?

javascript html

Источник: Stack Overflow на русском

Answer 1

▲ 3Принят

Можно использовать, например, sessionStorage или localStorage.

var txt=document.getElementById("txt");
txt.value=sessionStorage["txt"] || "?";
//вызывается при клике на кнопку
window.go=function(){
         sessionStorage["txt"]=txt.value;
}

JSFiddle

@Никита___ если нужно изменить страницу на сервере, то без программы, которая там выполняется, не обойтись. На PHP это сделать несложно

if(isset($_GET['txt'])){
    file_put_contents("test.html", 
       preg_replace(
          '/(id="txt".*?value=")\K.*?(?=")/s', $_GET['txt'], 
           file_get_contents("test.html")) 
       );
}
echo file_get_contents('test.html');

test.html:

<form action="">
<input type="text" class="text" id="txt" name="txt" maxlength="5" value="">
<input type="submit" class="text" id="button" value="Сохранить">
</form>

Сохранение введённых данных текстового поля в исходном коде через Javascript.

Ответы