Javascript Jquery记住添加的输入字段
Jquery 我有这些函数,可以添加和删除输入字段。如果我更新浏览器(F5),添加的输入字段将消失。是否有任何方法可以让我的网站记住添加的输入字段 我试过使用,但无法使其工作Javascript Jquery记住添加的输入字段,javascript,jquery,cookies,Javascript,Jquery,Cookies,Jquery 我有这些函数,可以添加和删除输入字段。如果我更新浏览器(F5),添加的输入字段将消失。是否有任何方法可以让我的网站记住添加的输入字段 我试过使用,但无法使其工作 var i = 1; var max_fields = 10; $(".AddInputFields").click(function() { if(i < max_fields) { i++;
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;
});
var i=1;
var max_字段=10;
$(“.AddInputFields”)。单击(函数(){
如果(iStørrelser fra - ;
返回false;
}否则{
警报(“您只能添加”+最大字段);
返回false;
}
});
$(文档).on(“单击“,”.RemoveInputFields”,函数(){
我--
var按钮_id=$(this.attr(“id”);
$(“#行”+按钮id+”).remove();
返回false;
});
您可以使用以下方法将用户添加的输入字段的信息存储在本地存储器中:
localStorage.setItem()
有关本地存储的更多信息例如,您可以使用本地存储将信息设置为json格式
localStorage.setItem("fieldinformationName", JSON.stringify(data));
更好的方法是在后端进行会话处理。需要查看您使用
cookie
插件做了哪些尝试。考虑到浏览器支持,您还可以使用会话/本地
存储.append
语句将进入循环,并且VARI=0;我想更新DOM并永久保存它吗?你能描述一下你想要什么吗?可以保存页面的状态,但只能保存特定会话的状态;)