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

我有一个正在开发的应用程序，最近我问了一个关于如何用JavaScript保存选择列表选项的问题。此后，我被介绍到jStorage中，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

最佳答案

注意：像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']);
            });
        }

关于javascript - 如何在jStorage中保存选择列表选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12971983/