Как сохранить выбранный вариант в списке выбора

Question

Для моего веб-приложения у меня есть список выбора, закодированный как ниже;

<select name = 'job' id = 'job'>
<option value = 'jobselect'>Select Profession</option>
<option value = 'job1'>Mechanical Engineer</option>
<option value = 'job2'>Software Engineer</option>
<option value = 'jobother'>Other</option>
</select>

на странице настроек. эта страница связана с файлом "save.js", в который предполагается сохранить пользовательский ввод. Я использую HTML и JavaScript - и не знаю PHP. В моем файле JS у меня есть две функции - saveSettings и loadSettings. Я застрял в том, как сохранить его в localStorage (JavaScript) в функции saveSettings и прочитать его обратно пользователю в loadSettings. Любая помощь будет высоко ценится спасибо х

Answer 1

Чтобы сэкономить на изменениях:

<script>
document.addEventListener('DOMContentLoaded', function () {
   var input = document.getElementById('job');
   if (localStorage['job']) { // if job is set
       input.value = localStorage['job']; // set the value
   }
   input.onchange = function () {
        localStorage['job'] = this.value; // change localStorage on change
    }
});
</script>

Для индивидуальных методов:

var input = document.getElementById('job');
function loadSettings() {
    if (localStorage['job']) {
        input.value = localStorage['job'];
    }
}

function saveSettings() {
    localStorage['job'] = input.value;
}

Answer 2

var name_of_var = document.getElementById('job').value;

тогда вы получите выбранное значение, если вы хотите установить глобально в javacsript, то используйте это

 name_of_var = document.getElementById('job').value;