如何使用$(".editauthorl")[0].reset()硬重置单个输入框而非.val('')？

嘿，先直接给你答案：单个输入框是没有reset()方法的，这个方法是<form>元素专属的，所以你直接调用$(".editauthorl")[0].reset()会抛出错误，根本行不通哦～

我完全理解你的顾虑：用整个表单的reset()会清空所有字段，还会弄丢你需要保留的唯一标识，这确实不是你想要的效果。那针对单个输入框的重置需求，咱可以这么处理：

方案1：恢复到输入框的初始默认值 #

如果这个输入框在HTML里有预设的默认值（比如<input class="editauthorl" value="默认作者名">），可以在页面加载时先把这个初始值存下来，然后在Ajax成功后再把值设回去：

// 页面加载完成后，保存输入框的初始默认值
const editAuthorInitialValue = $(".editauthorl").val();

// Ajax成功后的回调里
$.ajax({
  // ...你的Ajax配置
  success: function(response) {
    // 把输入框恢复到初始值
    $(".editauthorl").val(editAuthorInitialValue);
  }
});

方案2：直接清空输入框（如果不需要保留初始值） #

如果你的需求只是清空这个输入框，那$(".editauthorl").val('')其实就是最简洁直接的方式，完全没问题。毕竟你要的是“硬重置”，如果初始值本身就是空的，那这个操作和表单reset的效果是一致的。

额外补充 #

表单的reset()方法本质是把所有表单控件恢复到它们在HTML结构里的初始状态，而单个输入控件没有这个内置方法，所以只能通过手动设置值来模拟重置效果。相比临时把输入框塞进隐藏表单再reset的麻烦操作，上面两种方案更高效可靠。

内容的提问来源于stack exchange，提问作者Corvus