Проблема с сохранением значения текстового поля после обновления страницы sh: все значения текстового поля стали одинаковыми - PullRequest
Новая
       89

Проблема с сохранением значения текстового поля после обновления страницы sh: все значения текстового поля стали одинаковыми

1 голос
/ 01 августа 2020

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

Однако, если я изменю все id однозначно, как мне заставить их все хранить свои собственные измененные пользовательские данные без необходимости переписать один и тот же код функции для каждого id текстового поля?

Вот мой код:

Обработка событий: 

//store value after changes
function store(){
    var nb = this.value;
    localStorage.setItem("qty",nb);
}
//local storage to keep values after refresh
function getValue(){
    var storeNb = localStorage.getItem("qty");

    if(storedText != null){
        document.getElementById("qty").value = storedNb; 
    }
    else
        document.getElementById("qty").value = 0;
}

Регистрация событий: 

document.getElementById("qty").oninput = store; //stores new values to localstorage upon changes
document.getElementById("qty").onload = getValue(); //gets value from localstorage upon page load

HTML (все входы одинаковы, по одному на веб-страницу): 

<input type="text" id="qty" name="qty" class="small">
...