Сохранение текста в input?

Question

[Кирилл]

Здравтсвуйте! У меня вопрос, мне надо чтобы после нажатии кнопки сохранить в input текст сохранялся, который ввел пользователь, вот код

<textarea id="comment"></textarea>
<input type="text" id="fio">

<script>
var elements = document.querySelectorAll('input, textarea');

function checkValidity() {};

for (i=0; i<elements.length; i++) {
 (function(element) {
   var id = element.getAttribute('id');
   element.value = sessionStorage.getItem(id); // обязательно наличие у элементов id
   element.oninput = function() {
     sessionStorage.setItem(id, element.value);
     checkValidity();
   };
 })(elements[i]);
}
</script>

он работает, но кнопка input submit пропадает точнее текст в ней "Сохранить", что я не так сделал?

Answer 1

[Ivanq]

https://jsfiddle.net/Ivanq/nzbk0a7z/4/

Comments

[Кирилл]

js вставить в любое место или в шапку? вставил ниже формы не сохраняет

[Ivanq]

quant78: Сохраняет. Попробуйте так:

[Ivanq]

quant78: Упс.

[Кирилл]

спасибо огромное

[Кирилл]

а можно еще спросить у Вас? написал скрипт, он загружает файлы на сервер изображение и переименовывает их в то что я укажу, но только одно, а мне надо чтобы несколько изображений тоже переименовывало




<?php
// В PHP 4.1.0 и более ранних версиях следует использовать $HTTP_POST_FILES
// вместо $_FILES.

$uploaddir = 'images/';
$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);
$filename = '10'; // имя файла
$uploadfile = $uploaddir . DIRECTORY_SEPARATOR . $filename . '.' . pathinfo($_FILES['userfile']['name'], PATHINFO_EXTENSION);

echo '';
if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
echo "Файл корректен и был успешно загружен.\n";
} else {
echo "Возможная атака с помощью файловой загрузки!\n";
}

print "";

?>

как быть?

[Ivanq]

quant78:
<?php
$uploaddir = 'images/';
foreach($_FILES as $i as $file) {
$uploadfile = $uploaddir . basename($file['name']);
$filename = "temp_$i"; // имя файла
$uploadfile = $uploaddir . DIRECTORY_SEPARATOR . $filename . '.' . pathinfo($file['name'], PATHINFO_EXTENSION);

if (move_uploaded_file($file['tmp_name'], $uploadfile)) {
echo "Файл корректен и был успешно загружен.\n";
} else {
echo "Возможная атака с помощью файловой загрузки!\n";
}

print "";

?>

[Кирилл]

Ivanq: мне имя надо в файле этом задавать изображению, а у Вас $filename = "temp_$i"; как мне имена к каждому файлу задавать?

[Ivanq]

quant78: У Вас же вроде несколько файлов. Или вы хотите, чтобы первый файл назывался a_1, второй a_2 и т. д?

[Кирилл]

да, как это сделать?

[Кирилл]

Ivanq: да, как это сделать?

[Ivanq]

quant78:

<?php
$uploaddir = 'images/';
foreach($_FILES as $i as $file) {
$uploadfile = $uploaddir . basename($file['name']);
$filename = "a_".($i+1); // здесь сами посмотрите. $i - от 0 до количества файлов-1
$uploadfile = $uploaddir . DIRECTORY_SEPARATOR . $filename . '.' . pathinfo($file['name'], PATHINFO_EXTENSION);

if (move_uploaded_file($file['tmp_name'], $uploadfile)) {
echo "Файл корректен и был успешно загружен.\n";
} else {
echo "Возможная атака с помощью файловой загрузки!\n";
}

print "";

?>

[Кирилл]

Ivanq: спасибо, огромное, я уже разобрался

Answer 2

[Александр Аксентьев]

Вы же все elements перебиваете value, вот и пропадает.

Comments

[Кирилл]

подскажите пожалуйста а как исправить?

[Кирилл]

Я Вас очень прошу, помогите!

Answer 3

[Алексей С.]

<input type="submit" id="click"  value="Сохранить">

...

if (id!=="click") element.value = sessionStorage.getItem(id);

или наоборот восстанавливать только нужные id, а не все подряд

Comments

[Кирилл]

[code]if (id!=="click") element.value = sessionStorage.getItem(id);[/code]
я вставил в конец скрипта и так не появилась этот текст "сохранить" на кнопке, что не так?

[Кирилл]

с этим я разобрался, но если я вставляю эту строку действительно есть надпись Сохранить, но не сохраняет, почему?

[Алексей С.]

quant78: у вас событие сохранялки всех импутов стоит на oninput , а по click вы уже должны обрабатывать результат ввода