在div内提交表格

我有一个包含div的页面。我通过我的页面上的各种链接加载另一个页面。加载到div的其中一个页面上有一个表单，该表单将数据提交给PHP页面并更新该页面中的div。在div内提交表格

所以谢灵运是：

首页
- 主要页面DIV
--Internal页
---表
---内部页面DIV
----提交的数据应在这里显示
--- /内部网页DIV
- /内部页
- /主页DIV
/麦page

（我希望这是有道理的）。

在我的主网页，我有以下代码：

$(document).ready(function() 
{ 

$('#create').submit(function() { 

$.ajax(
    { 

    data: $(this).serialize(), 

    type: $(this).attr('method'), 

    url: $(this).attr('action'), 

    success: function(response) 
     { // on success.. 

     $('#created').html(response); 

     } 

    }); 

return false; 
}); 

$("#content").load("content.html"); 

});

然后就是到DIV加载的内部页面中我有以下几点：

<form id="create" method="POST" action="create.php"> 
<input type="text" name="url"> 
<input type="submit" value="Create" /> 

<div id="created"></div>

但是，所有发生的create.php页面加载在主窗口中，而不是在“创建”的div内。

如果它只在一个页面上，它就可以工作，所以我认为这与将一个div包含在另一个页面中有关。谁能帮忙？

感谢

来源

2011-06-08 Ross

是'＃created''div'应该是'form'里面？ – 2011-06-08 15:13:53

动态内容（内容页面加载后加入）你必须利用直播事件侦听器。

$('#create').live ('submit', function() {

给一个去，提交支持被添加在jQuery 1.4大致我认为。

这里是一个例子小提琴：http://jsfiddle.net/nFQ7S/

来源

2011-06-08 15:07:57 John

完美，非常感谢。 – Ross 2011-06-08 15:11:15

在div内提交表格

回答

相关问题