-2

这让我有点发疯，

我有一个带有一组动态 div 的表单，每个 div 都填充了几个表单字段。用户可以删除这些 div 之一，这样做时我会在容器上调用 jQuerys 删除方法。

我在萤火虫中看到容器被销毁并从 DOM 中删除。但是，当我查看页面的来源时，它仍然存在。

当我发布表单时，应该删除的字段仍在发布！

我想我可以手动将表单字段的名称更改为“hack”，但是我在这里遗漏了什么吗？

这是一个例子

<script language="javascript">
$(document).ready( function(){
    $(".remove").live("click", function(){
       $(this).parents(".container").remove();
   });
});
</script>


<form>

<div class="container">
    <input type="text" name="name_1">
    <a href="" class="remove">Remove</a>
</div>

<div class="container">
    <input type="text" name="name_2">
    <a href="" class="remove">Remove</a>
</div>

<input type="submit">

</form>
4

2 回答 2

1

改变：

$(this).parents(".container").remove();

至：

$(this).closest('form').find(".container").remove();

看起来这就是你想要做的。

于 2012-12-15T21:34:54.503 回答
1

这对我有用：http: //jsfiddle.net/zBd24/

return false;在您的事件处理程序中，因此单击带有空 href 的链接不会重新加载当前页面。

编辑：来自小提琴的代码：

$(document).ready( function(){
    $(".remove").live("click", function(){
       $(this).parents("div.container").eq(0).remove();
        return false;
   });
});​
于 2012-12-15T21:36:46.657 回答