javascript 如何在选择列表中保存选定的选项
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/12840865/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How do you Save a Selected Option in a Selection List
提问by trumank
For my web app I have a selection list coded as below;
对于我的网络应用程序，我有一个编码如下的选择列表；
<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>
in the settings page. this page is linked to a 'save.js' file where the user input is supposed to be saved. i am using HTML and JavaScript - and no knowledge of PHP. In my JS file i have two functions - saveSettingsand loadSettings. i'm stuck as to how to save it to localStorage (JavaScript) in the saveSettingsfunction and reading it back to the user in the loadSettings. Any help would be much appreciated thanks x
在设置页面。此页面链接到应该保存用户输入的“save.js”文件。我正在使用 HTML 和 JavaScript - 并且不了解 PHP。在我的 JS 文件中，我有两个函数 - saveSettings和loadSettings。我又立刻陷入至于如何给它的保存到localStorage的（JavaScript）的saveSettings功能和读回在用户loadSettings。任何帮助将不胜感激谢谢 x
回答by trumank
To save on change:
保存更改：
<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>
For individual methods:
对于个别方法：
var input = document.getElementById('job');
function loadSettings() {
if (localStorage['job']) {
input.value = localStorage['job'];
}
}
function saveSettings() {
localStorage['job'] = input.value;
}
回答by rash111
var name_of_var = document.getElementById('job').value;
then u get the selected value, if u want to set globally in javacsript then use this
然后你得到选定的值，如果你想在 javacsript 中全局设置然后使用这个
name_of_var = document.getElementById('job').value;
