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

Question

我有一个正在开发(仍在)的应用程序，最近问了一个关于如何在 JavaScript 中保存选择列表选项的问题。从那时起，我就接触到了 jStorage，它是我在代码中使用的 jQuery 的扩展。我想知道我是否可以更轻松地将所选值保存在 jStorage 中？我的选择列表的 HTML 代码如下；

<select name = 'job' id = 'job' style = 'width: auto; background-color: #777; color: white; font-size: 20px; border-color: #AAA;'>
 <option value = 'jobselect'>Select Profession</option>
 <option value = 'job1'>Mechanical Engineer</option>
 <option value = 'job2'>Software Engineer</option>
 <option value = 'jobother'>Other</option>
</select>

我在我的 JavaScript 文件中有这个来保存选定的值；

document.addEventListener('DOMContentLoaded', function ListChoice() {

    var input1 = document.getElementById('job');

    if (localStorage['job']) {  
        input1.value = localStorage['job'];
    }

    input1.onchange = function() {  
        localStorage['job'] = this.value;
    }

});

我的 JS 文件中还有另外两个函数，分别是 loadSettings 和 saveSettings，有没有办法更改上面的代码以将列表的选定值保存到 jStorage在我的职能中？？只是想知道保存到 jStorage 是否会更容易。非常感谢 xx

Answer 1

注意:类似于 http://garlicjs.org/可能是您解决问题的捷径。

不确定这是否可以帮助您，但您可以使用以下内容设置 jstorage(我只是序列化整个表单):

$.jStorage.set('jobValues', $('#job').serializeArray());

然后您需要以如下方式遍历数组:

        var currentStorage = $.jStorage.get('jobValues');
        if (currentStorage) {
            $.each(currentStorage, function(position,object){
                $("input[name='"+object['name']+"']").prop('value', object['value']);               
            });
        }