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

【问题标题】：How do you Save a Selected Option in a Selection List如何在选择列表中保存选定的选项
【发布时间】：2012-10-11 13:37:48
【问题描述】：

对于我的网络应用，我有一个编码如下的选择列表；

<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

【问题讨论】：

这意味着你想在 javascipt 中存储所选项目的价值？？我说得对吗？
是的，就是这个意思。很抱歉造成混乱x
这与问题有什么关系？别人这么说，我不知道这意味着什么或与我问的问题有什么关系
哦，好的。但我不知道答案是否正确 - 我不确定如何将它集成到我的 JS 文件中，以检查我在对你的答案的评论中告诉你的两个函数。它看起来不错，但我需要在接受之前对其进行测试
很抱歉，这听起来很粗鲁。我只是说我被卡住了，不知道如何扩展你给我的答案。有没有办法读取你从第一行代码得到的值？

标签： javascript function local-storage selectlist

【解决方案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;
}

【讨论】：

好的，谢谢。对不起，我应该提到这一点，但我的 JS 文件中有两个函数，称为 saveSettings 和 loadSettings。是否可以在这两个功能之间拆分？
@MeganSime 好的 - 我已经分开了。
非常感谢您的帮助，但它破坏了我的设置按钮，因此我无法访问该页面 - 我不是要冒犯您，但您确定您有编写代码吗？
或者你能告诉我如何将你给我的第一块代码附加到一行代码中，比如； $('#settings').bind('pageAnimationStart', loadSettings);这可能会更好

【解决方案2】：

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

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

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

【讨论】：

好的，谢谢。我的 save.js 文件中有两个函数，您可以帮我在两者之间拆分代码吗？就像你给我的第一行代码可能会进入我拥有的 saveSettings 功能，但我会如何处理第二行，loadSettings？就像我会编写什么代码以确保所选值保持选中状态并且不会恢复为默认值？再次感谢