Question

我在html中有一个列表代码。我在代码中使用本地存储来保存添加或删除列表中的项目。为此，代码完美无缺。在列表的每个项目内部，如果单击它，它是一个输入文本，但是当我将列表保存在本地存储中时，我还需要保存每个输入文本中的文本。当输入文本中的文本发生变化时，我需要保存。如何保存列表的所有输入文本？

这是我的代码：http://jsfiddle.net/juank_romero/hA8Ps/16/

$(document).ready(function() {
$("#list1").listview("refresh");
if (localStorage["K"] != null) {
  var contentsOfOldDiv = jQuery.parseJSON(localStorage["K"]);    
  $("#list1").html(contentsOfOldDiv);
 } 
});

$(document).on("click", ".fila", function () {
$(this).next().next(".cuadro").slideToggle();
});

$(document).on("change", ".ref", function () {//here i need to save all the input´s text
 $("#prueba").text("refresh");
localStorage["K"] = JSON.stringify($("#list1").html());
});

$(document).on("click", ".borrar", function () {
$(this).parent("li").remove();
$("#list1").listview("refresh");
localStorage["K"] = JSON.stringify($("#list1").html());


});
$(document).on("click", "#btn2", function () {
var content =
    "<li>" +
    "<a href='#' class='fila'>elemento1</a><a href='#' data-icon='delete' class='borrar'>Favorita</a><div class='cuadro'><label>label:</label><input type='text' value='' maxlength='3' class='ref'/><label >label2:</label><select data-role='slider'><option value='off'>Off</option><option value='on'>On</option></select></div>" +
    "</li>";

$(content).appendTo("#list1").enhanceWithin();
$("#list1").listview("refresh");
localStorage["K"] = JSON.stringify($("#list1").html());



});

感谢。

保存列表的所有输入文本？

0 个答案: