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的記得添加輸入字段

回答

相關問題