将通过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>