jQuery的记得添加输入字段
问题描述:
jQuery的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;
});
答
例如,您可以与工作localStorage以json格式设置您的信息。
localStorage.setItem("fieldinformationName", JSON.stringify(data));
好得多的会议在后端处理。
需要看看你用'cookie'插件试过了什么...... – Rayon
考虑到浏览器支持,你也可以使用'session/local'Storage! – Rayon
'.append'语句将循环并且'var i = 0; i
Rayon