You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

点击清除按钮无法清空HTML表格行内容,求解决方法

问题分析

你的代码无法生效的核心原因:$('#membersTable tbody tr td').val("") 直接操作了<td>元素,但<td>本身不是表单控件,val()方法仅对<input>、<select>这类表单元素有效。而@Html.EditorFor会生成对应的<input>标签,这些才是需要清空值的目标对象。

解决方案

修改JavaScript函数,定位到<td>内部的表单控件进行清空操作:

function ClearTable(btn) {
    // 选择表格tbody下所有td中的input元素,清空值
    $('#membersTable tbody tr td input').val("");
}

如果EditorFor生成了其他类型的表单控件(比如日期输入框、textarea),可以用更通用的选择器覆盖所有场景:

function ClearTable(btn) {
    $('#membersTable tbody').find('input, textarea, select').val("");
}
可选优化

如果需要同步清除Bootstrap表单验证状态(比如错误提示样式),可以补充以下逻辑:

function ClearTable(btn) {
    const $formElements = $('#membersTable tbody').find('input, textarea, select');
    $formElements.val("");
    // 移除验证状态类
    $formElements.removeClass('is-invalid is-valid');
    // 隐藏错误提示框
    $formElements.siblings('.invalid-feedback').hide();
}

内容的提问来源于stack exchange,提问作者user3309231

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 09:30:52