如何在选择列表中保存选定的选项

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.我不知道如何将它保存到saveSettings函数中的localStorage(JavaScript)并将其读回loadSettings中的用户.任何帮助将非常感谢谢谢x

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