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;

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

2 个答案: