选择选项后，如何从选择菜单中将值保存到本地存储？它不工作

Question

我有以下内容，但我不断收到 null 的返回值，而不是我尝试存储的值。这是我的代码：

function mySelectValue() {
    // Add an event listener for the value
    document.getElementById('mySelectValue').addEventListener('change', function() {
      // Get the value of the name field.
      var mySelectValue = document.getElementById('mySelectValue').value;

      // Save the name in localStorage.
      localStorage.setItem('mySelectValue', mySelectValue);
    });
}

但是，当我尝试检索该值时，它是 null，我认为这意味着该值未存储。

基本上，一旦我选择了选项（尚未提交），我希望它存储在本地存储中。如果我更改我的选择，我也希望它覆盖该值。

Answer 1

如果你允许使用 jQuery，试试这个：

$(document).ready(function(){
    $('#mySelectValue').change(function(){
         localStorage.setItem('mySelectValue', $(this).val());
    });
});

您在其他地方遇到问题，此代码有效，您可以在此处查看：FIDDLE