如何通过Ajax清除输入框？成功时重置输入框方法无效求助

嘿，我来帮你搞定这个输入框清空的问题！先说说你之前用的两种方法为啥没效果：

• 你用的 $('#tagtitle').empty()：这个方法是用来清空元素的子节点内容的（比如<div>里的文本或嵌套标签），但<input>是单标签元素，本身没有子节点，所以调用它完全起不到清空输入内容的作用。
• 你用的 document.getElementById("tagtitle").reset()：reset()是表单（<form>）元素的方法，不是单个输入框的方法！直接给input调用这个方法自然不会生效，要是想用reset清空，得调用它所在表单的reset方法，但那样会清空整个表单的所有字段，大概率不是你想要的效果。

正确的清空方法 #

针对单个输入框，直接操作它的value属性就好，有两种常用方式：

1. jQuery 方式

$('#tagtitle').val('');

val('')会直接把输入框的value值设为空字符串，完美实现清空效果。

2. 原生 JavaScript 方式

document.getElementById("tagtitle").value = '';

原理和jQuery的方法一样，直接修改input元素的value属性为空，简单高效。

如果之后你需要清空整个表单的所有字段，再用表单的reset方法，比如：

document.getElementById('你的表单ID').reset();

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