1

我目前通过 PHP 提交解析时将页面上的表单更新为 DIV 的表单结果。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='info'”。

我想我现在的剧本快到了。

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

任何有关如何更改它或在任一文件中找到它以使其工作的帮助将不胜感激！

4

1 回答 1

0

您必须使用该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>
于 2012-05-24T14:21:49.453 回答