Jquery забываю добавлены поля ввода

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.setItem() 

Более подробную информацию о локальном хранилище here

Answer 2

Вы могли бы работать, например, с localStorage, чтобы указать информацию в формате json.

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

Гораздо лучше было бы проводить сеансы в бэкэнде.