Раскрывающийся список каскада не работает с местным хранением ⇐ Javascript

[Anonymous]

Я пытаюсь сохранить раскрывающееся значение (каскадное) в локальном хранилище во время навигации по странице в веб -приложении Google. Я написал какой -то кодовый блок для сохранения данных в локальном хранилище, поиск в Google, но не добился успеха. После внедрения локального хранилища для раскрытия каскада, затем раскрывающийся список не работает после навигации по странице, но оно работает только после загрузки страницы. С другой стороны, если я удалю раскрывающую очередь каскадного раскрытия и добавлю опцию в Select Element, то локальное хранилище работает нормально.
Для локального хранилища, которую я использовал ниже кодового блока. Пожалуйста, помогите мне узнать это. < /P>
const class = document.getElementById("class");

class.addEventListener("change",function(e) {
localStorage.setItem("saveClass",e.target.value);
});

function getClassData() {
let saveClassData = localStorage.getItem("saveClass");

if (saveClassData != null) {
document.getElementById("class").value = saveClassData;
} else {
document.getElementById("class").value = "0";
dropdownOption();
}
}
< /code>
window.addEventListener('load', function() {

let courseOption = {
"diploma": {
"Electrical": ["Math3","C.Sc.","E&TC"],
"Mechanical": ["engines","mecanics"],
"Civil": ["drawing","building","blocks"] },

"Degree": {
"AI": ["LLM","ML","Gen AI"],
"security": ["Cyber","linux"] }
};

let selectedClass = document.getElementById("class");
let selectedSubject = document.getElementById("subject");
let selectedChapter = document.getElementById("chapter");

for(let x in courseOption) {
selectedClass.options[selectedClass.options.length] = new Option(x,x);
}

selectedClass.onchange = function() {
selectedSubject.length = 1;
selectedChapter.length = 1;

for (let y in courseOption[this.value]) {
selectedSubject.options[selectedSubject.options.length] = new Option(y, y);
}
}

selectedSubject.onchange = function() {
selectedChapter.length = 1;
let z = courseOption[selectedClass.value][this.value];
for (let i = 0; i < z.length; i++) {
selectedChapter.options[selectedChapter.options.length] = new Option(z, z);
}
}
});
< /code>




Select Class



Select Subject



Select Chapter




[url=

Подробнее здесь: https://stackoverflow.com/questions/795 ... al-storage