Question

Jquery的

我有这些功能，我添加和删除输入字段。如果我更新浏览器（F5），添加的输入字段将消失。无论如何，我可以让我的网站记住添加的输入字段吗？

我尝试过使用jquery cookie plugin，但无法正常使用。

    var i = 1;
    var max_fields = 10;

    $(".AddInputFields").click(function() {
            if(i < max_fields) {
                    i++;
                    var extrafields = $(".extrafields").append('<ul id="row'+i+'" class="ul_size"><li class="inline-block"><div class="spacebew"><div class="clearfix"> <label class="left">Størrelser fra</label><label class="right"></label></div><input type="text" name="product_size_from[]" value="" /></div></li><li class="inline-block linebew"><p>-</p></li><li class="inline-block"><div class="spacebew"><div class="clearfix"><label class="left">til</label><label class="right"></label></div><input type="text" name="product_size_to[]" value="" /></div></li><li class="inline-block"><div class="clearfix"><label class="left">Antal</label><label class="right"></label></div><input type="text" name="product_amount[]" value="" /></li><li class="inline-block"><button id="'+i+'" name="RemoveInputFields" class="RemoveInputFields">Fjern</button></li></ul>');
                    return false;
            } else {
                    alert("You can only add "+max_fields);
                    return false;
            }
    });
    $(document).on("click", ".RemoveInputFields", function() {
            i--
            var button_id = $(this).attr("id");
            $('#row'+button_id+'').remove();
            return false;
    });

Answer 1

例如，您可以使用localStorage以json格式设置信息。

{{1}}

更好的是在后端进行会话处理。

Answer 2

您可以使用以下方式存储有关用户在本地存储中添加的输入字段的信息：

localStorage.setItem()

有关本地存储空间here

的详细信息

Jquery记得添加了输入字段

2 个答案: