在LocalStorage中保存表数据

时间:2015-02-13 20:48:45

标签: javascript jquery html local-storage

  $('.new_customer').click(function () {
    var table = $("table");
    var number = table.find('tr').length;
    table.append('<tr id="' + number + '"><td><input type="button" class="btn btn-success btn-xs" value="Save" id="save' + number + '"></td></td>' +
        '<td><input type="text"/></td>' +
        '<td><input type="text"/></td>' +
        '<td><input type="text"/></td><td><input type="text"/></td>' +
        '<td><input type="text"/></td><td><input type="text"/></td><td><input type="text"/></td>' +
        '<td><input type="text"/></td></tr>');
    $(document).on('click', 'input[id^="save"]', function () {
        $(this).parents('tr').children('td').each(function () {
            if ($(this).children("input[type=button]").length==0) {
                $(this).html($(this).children('input').val());
            }
            else{
                $("input[type=button]").removeClass("btn-success").addClass("btn-warning").val("review");
            }
        });

    });
});

美好的一天!我正在创建包含一些信息的表,我想将其保存在localStorage中。我只是一个初学者,我以前从未做过这件事, 你可以帮帮我吗?我试着用这样的东西, 但是这段代码无效。我会很高兴得到任何帮助。 谢谢。

         var inputs= $("tr").children('input').val();
        localStorage.setItem("customer", JSON.stringify(inputs));

1 个答案:

答案 0 :(得分:0)

本地存储只接受字符串数据。 您需要创建数据的json数组,然后在检索时解析它。

http://jsfiddle.net/ha6kdhp7/

<input value="1"/>
<input value="2"/>
    <input value="3"/>

    var myArray = new Array();
var inputs = $('input').each(function(index, i){
    myArray.push($(this).val())
});


//console.log(myArray);
        localStorage.setItem("customer", JSON.stringify(myArray));
console.log($.parseJSON(localStorage.getItem("customer")));