[jQuery] Confirm Plugin 動態新增表單欄位

最近在實做多重檔案上傳，寫過一篇 [PHP] pear 模組 HTTP_Upload 多重檔案上傳 Multiple files upload，那一開始我先設定只能上傳5個檔案，後來想想動態的話比較方便，畢竟現在網站都講求 web2.0，所以就利用 jQuery 來動態新增 input file 欄位，作法其實很簡單，不難的喔。其實還有 jQuery Confirm Plugin 可以利用它來確定使用者是否刪除檔案。之前介紹的上傳檔案 html 部份：

改成：

jQuery 的部份：

$(document).ready(function(){
  $("#add_button").click
  (
    function()
    {
      $("#add_file_button").append(' 檔案名稱：
');      
    }
  );
  $("a[id='del_file[]']").click(function(){
      if (confirm('確定刪除檔案')) {
        return true;
      }
      return false;
  });    
});

這樣大致少就可以了喔，可以動態新增檔案，那處理檔案上傳部份，可以利用

PHP 的 for 加上 count 函式，來處理動態表單。

See also