添加/删除几个输入字段动态

Question

我有一个表格，其中一些领域可能有多个输入，即

• 您的姓名
• 歌曲你喜欢：[添加更多！]
• 电影你喜欢： [添加更多！]
• 显示你喜欢：[添加更多！]

我还是新的，且四处找教程。似乎相当多的人倾向于只关注一个字段，并且倾向于在javascript中输入标记，这看起来好像我必须复制并粘贴每个不同输入字段的脚本。即此一： http://muiomuio.com/web-design/add-remove-items-with-jquery

$(function() { 
    var scntDiv = $('#p_scents'); 
    var i = $('#p_scents p').size() + 1; 

    $('#addScnt').live('click', function() { 
      $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv); 
      i++; 
      return false; 
    }); 

    $('#remScnt').live('click', function() { 
      if(i > 2) { 
        $(this).parents('p').remove(); 
        i--; 
      } 
      return false; 
    }); 
}); 

有没有办法简化这个？非常感谢你的帮助！

Answer 1

看看这个jsFiddle。我写了一个用于添加文件的脚本，但删除它们将会很相似。

HVE乐趣

ķ