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

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

Answer 2

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

然后你得到选择的值，如果你想在 javacsript 中全局设置然后使用这个

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