gpt4 book ai didi

javascript - 使用 tr.remove() 删除 HTML 表格的行,提交按钮只发回它上面的行而不是下面的行

转载 作者:行者123 更新时间:2023-11-28 02:24:13 25 4
gpt4 key购买 nike

我有一个 HTML 表格,每一行都有删除按钮。单击删除按钮,它会转到 javascript,我使用下面的代码删除了该行。当我尝试使用提交 (Ajax.beginform) 将表内容提交回 Controller 时,它只发回已删除行上方的数据,而删除行下方没有任何数据。即使在 UI 中,它仍然显示已删除行上方和下方的所有行。

示例:假设我上传了 3 个文档并删除了中间的一个,它会从表格中删除该行,但是当我单击“上传”按钮时,我只会得到第一行。

但是,如果我删除最后一行,即第 3 个文档,那么我将在“上传”按钮操作中正确返回到 2 个以上的文档。

预先感谢您的帮助

javascript代码:

function removeDocument(selector) {    
$(selector).closest('tr').remove();
}

HTML代码:

 @using (Ajax.BeginForm("Upload", "MatterFiling", new AjaxOptions { HttpMethod = "POST", OnSuccess = "SuccessUploadDocument", OnFailure = "OnUploadFailure" }))
{

<table class="table table-bordered" id="DocumentTable">
<thead>
<tr>
<th><span class="reqAsterisk">* </span>Document Title</th>
<th></th>
</tr>
</thead>
<tbody>
@for (int i = 0; i < Model.Count(); i++)
{
<tr>
<td style="width: 50%; display:none" class="nr" >
@Html.TextAreaFor(m => Model.FileName, htmlAttributes: new { @class = "form-control dmm-autoresize", @rows = "1" })
</td>
<td>
<a style="color:red; cursor:pointer" onclick="removeDocument(this)">
<i class="far fa-trash-alt"></i>
</a>
</td>
</tr>
}
</tbody>
</table>
<input type="submit" name="UploadButton" value="Upload" id="UploadDocsButton" class="btn btn-primary"/>
}

This is after deleting the row

This is before deleting the row

最佳答案

如果你正在使用表单,那么你已经刷新了你的表单,你也可以尝试用像用户名[]这样的数组来命名输入类型的名称。

关于javascript - 使用 tr.remove() 删除 HTML 表格的行,提交按钮只发回它上面的行而不是下面的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55398089/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com