javascript - 如何使用javascript更新相同的输入

Question

我必须使用相同名称的可放置区域，我需要为每个区域输入以将其保存在不同的地方。问题是它只是在单击保存按钮后创建新输入，但我需要更新现有输入并创建新输入。可以看到sample here我正在使用此功能为每个框创建输入。在我的工作中它甚至可以超过 2。这取决于用户的输入:

var LISTOBJ = {
    saveList: function() {
        $(".projLeader").each(function() {
            var listCSV = [];
            $(this).find("li").each(function(){
                listCSV.push($(this).text());
            });
            var values = listCSV.join(', ');
            $(".output").append("<input type='text' name='projLeader[]' value='"+values+"' /></br>");
            console.debug(listCSV);
        });
    }
}

Answer 1

你可以试试下面的代码，可能对你有帮助。

        var LISTOBJ = {
        saveList: function() {
          $(".output").html("");
            $(".projLeader").each(function() {
              var listCSV = [];
              $(this).find("li").each(function(){
                  listCSV.push($(this).text());
              });
              var values = listCSV.join(', ');
              $(".output").append("<input type='text' name='projLeader[]' value='"+values+"' /></br>");
                  console.debug(listCSV);                     

            });
          }
        }