MySQL数据填充表单重置按钮无法清除文本框问题求助

咱们先来拆解下问题根源：你的文本框初始值是通过PHP从MySQL查询结果填充的，如果你的重置按钮用了浏览器默认的type="reset"类型，浏览器会自动把表单元素恢复到页面加载时的初始状态（也就是PHP输出的那个值），这就直接覆盖了你用jQuery设置的空值。另外也可能是代码没阻止默认事件，或者选择器匹配出了问题。

下面是具体的修复方案：

方案一：阻止浏览器默认重置行为 #

修改你的jQuery点击事件，添加event.preventDefault()来拦截浏览器的默认重置动作，这样手动清空的代码就能正常生效了：

$(document).ready(function() {
  $("#reset").click(function(event){
    // 阻止浏览器自带的重置行为
    event.preventDefault();
    $("#find").val("");
    $("#Editbox13").val("");
    $("#Editbox14").val("");
    $("#Editbox17").val("");
    // 其他需要清空的MySQL填充文本框，继续添加val("")即可
  });
});

方案二：改用普通按钮替代重置按钮 #

直接把重置按钮改成普通按钮类型，从根源上避免触发浏览器的默认重置逻辑：

<!-- 替换原来的重置按钮 -->
<button type="button" id="reset">重置</button>

额外注意细节 #

• 确认你已经正确引入了jQuery库，很多时候功能失效都是因为没加载依赖的库文件。
• 检查文本框的ID是否完全匹配，jQuery选择器是区分大小写的，别出现拼写错误。
• 你的PHP代码里$result = mysql_fetch_array( $data );只取了查询结果的第一条数据，如果需要处理多条数据的话，得改成循环遍历，但这和重置按钮的问题无关，只是顺便提个醒。

内容的提问来源于stack exchange，提问作者ercüment tüzgen