点击按钮后如何重置input输入框？

嘿，这问题很好解决！咱们只需要在现有逻辑里加一行简单的代码，就能实现点击按钮后清空输入框的效果。

先看你现有的代码：按钮触发onmousedown事件时，会先调用getInput()函数，再弹出提示。要重置输入框，我们只需要在getInput()函数里添加一行代码，把输入框的内容设为空就行。

修改后的完整代码示例： #

<div class="form-group autocomplete">
  <div class="input-group search">
    <input id="search" name="searchterm" type="search" class="form-control form-control search-input" placeholder="" autocomplete="off">
    <div class="input-group-btn">
      <button type="button" class="btn color-cta-3 search-button" onmousedown="getInput();alert('Danke fuer Ihre Eingabe Thank you'); return false;" >Eingabe</button>
    </div>
  </div>
</div>
<script>
function getInput(){
  // 保留你原本的事件追踪逻辑
  ET_Event.eventStart('TestCloud', document.getElementById('search').value, 'TestCloud');
  // 新增：清空输入框内容
  document.getElementById('search').value = '';
}
</script>

逻辑说明： #

• 先执行你原本的ET_Event.eventStart业务追踪逻辑，确保原有功能不受影响；
• 然后通过document.getElementById('search').value = ''直接清空输入框，操作简单直接；
• 按钮绑定的提示弹窗也会正常触发，完全保留你原来的交互流程。

如果之后你有多个输入框需要批量重置，也可以把它们包裹在<form>标签里，调用表单的reset()方法，但就当前单个输入框的场景，直接设置value是最简洁的方案。

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