將通過AJAX上傳到DIV的變量傳遞到同一個DIV中，並將結果替換爲結果

Question

我目前通過PHP將表單結果從頁面上的表單更新到DIV上，並通過PHP進行解析。 PHP文件生成另一個表單，然後我需要將它傳遞給另一個PHP並更新之前結果的DIV。

這裏是我的HTML：

<div id="content"> 
    <div id="options"> 
    <form id="form1"> 
     <table> 
     <tr> 
      <td>Date:</td> 
      <td><input name="date" type="text" id="datepicker" /></td> 
     </tr> 
     <tr> 
      <td>Size:</td> 
      <td><input name="size" type="text" /></td> 
     </tr> 
     <tr> 
      <td colspan="2"><input name="submit" type="submit" value="Submit"/></td> 
     </tr> 
     </table> 
    </form> 
    </div> 
    <div id="result"> </div> 
</div> 

而我的AJAX腳本，從這種形式的結果加載到DIV '結果'。

<script> 
      $(function() { 
      $('#form1').submit(function(e) { 
       e.preventDefault(); // stops form from submitting naturally 
       $.ajax({ 
        data: $(this).serialize(), 
         url: 'ajax/ajax-details.php', 
         success: function(response) { 
          $('#result').html(response); 
         } 
        }); 
       }); 
      }); 
    </script> 

我的PHP文件，我想它解析到被稱爲「AJAX/Ajax的info.php的」與我想通過從被稱爲「ID =‘信息’」的信息形式的名稱。

我想我已經快到了現在的劇本。

<script> 
      $(function() { 
      $('#info').submit(function(e) { 
       e.preventDefault(); // stops form from submitting naturally 
       $.ajax({ 
        data: $(this).serialize(), 
         url: 'ajax/ajax-info.php', 
         success: function(response) { 
          $('#result').html(response); 
         } 
        }); 
       }); 
      }); 
    </script>   

任何幫助如何改變它或在哪一個文件中找到它在任何一個文件，以得到它的工作將不勝感激！

Answer 1

必須使用live()功能設置上動態顯示DOM元素

<script> 
     $(function() { 
     $('#info').live('submit', function(e) { 
      e.preventDefault(); // stops form from submitting naturally 
      $.ajax({ 
       data: $(this).serialize(), 
        url: 'ajax/ajax-info.php', 
        success: function(response) { 
         $('#result').html(response); 
        } 
       }); 
      }); 
     }); 
</script>