Как сохранить данные в полях формы при перезагрузке страницы?

Question

[Алексей Михайлов]

Нашел в интернете код, который сохраняет данные в полях формы. Он по селектору выбирает. Как его изменить, чтобы по ID смотрел? А то при переходе между страничками с аналогичными формами данные сохраняются.

<script>
            document.addEventListener("DOMContentLoaded", function() {
                document.querySelectorAll('textarea, input').forEach(function(e) {
                    if(e.value === '') e.value = window.sessionStorage.getItem(e.name, e.value);
                    e.addEventListener('input', function() {
                        window.sessionStorage.setItem(e.name, e.value);
                    })
                })

            });
        </script>

Answer 1

[alekssamos]

Селектор по ID - это знак решётки # и сам ID. document.querySelectorAll('#yourid')
Ну хорошо, или так: document.getElementById('yourid')

Comments

[Алексей Михайлов]

Спасибо большое!

Answer 2

[black1277]

<script>
            document.addEventListener("DOMContentLoaded", function() {
                document.querySelectorAll('#id1, #id2, #id3').forEach(function(e) {
                    if(e.value === '') e.value = window.sessionStorage.getItem(e.name, e.value);
                    e.addEventListener('input', function() {
                        window.sessionStorage.setItem(e.name, e.value);
                    })
                })

            });
        </script>

Comments

[Алексей Михайлов]

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