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; 
    });

来源

2016-04-22 Simon

需要看看你用'cookie'插件试过了什么...... – Rayon

考虑到浏览器支持，你也可以使用'session/local'Storage！ – Rayon

'.append'语句将循环并且'var i = 0; i Rayon

您可以存储输入信息字段的用户使用本地存储补充说：

localStorage.setItem()

更多的本地存储信息here

来源

2016-04-22 11:24:10 dimlucas

例如，您可以与工作localStorage以json格式设置您的信息。

localStorage.setItem("fieldinformationName", JSON.stringify(data));

好得多的会议在后端处理。

来源

2016-04-22 11:25:12 devjalo

jQuery的记得添加输入字段

回答

相关问题