2

我有一个我正在开发的应用程序（仍然）并且最近问了一个关于如何在 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

4

1 回答 1

0

注意：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']);               
            });
        }
于 2012-11-11T20:15:57.600 回答