javascript - Hur sparar man ett valt alternativ i en urvalslista

För min webbapp har jag en urvalslista kodad som nedan;

<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>

på inställningssidan. Denna sida är kopplad till en 'save.js'-fil där användarinmatningen ska sparas. Jag använder HTML och JavaScript - och har ingen kunskap om PHP. I min JS-fil har jag två funktioner - saveSettings och loadSettings. Jag sitter fast med hur jag ska spara det till localStorage (JavaScript) i saveSettings-funktionen och läsa tillbaka det till användaren i loadSettings. All hjälp skulle vara mycket uppskattad, tack x

Svar #1

För att spara på växel:

<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>

För individuella metoder:

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

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

Svar #2

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

då får du det valda värdet, om du vill ställa in det globalt i JavaScript då använd detta

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