添加/刪除幾個輸入字段動態

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樂趣

ķ