javascript - Cómo guardar una opción seleccionada en una lista de selección

Para mi aplicación web tengo una lista de selección codificada como se muestra a continuación;

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

en la página de configuración. esta página está vinculada a un archivo 'save.js' donde se supone que se debe guardar la entrada del usuario. Estoy usando HTML y JavaScript, y no tengo conocimientos de PHP. En mi archivo JS tengo dos funciones: saveSettings y loadSettings. Estoy atascado sobre cómo guardarlo en localStorage (JavaScript) en la función saveSettings y leerlo de nuevo para el usuario en loadSettings. Cualquier ayuda sería muy apreciada, gracias x

Respuesta #1

Para ahorrar en cambio:

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

Para métodos individuales:

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

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

Respuesta #2

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

entonces obtienes el valor seleccionado, si quieres establecerlo globalmente en JavaScript entonces usa esto

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