清除新搜索Javascript上的数据

[！[enter image description here][1][1]我希望在输入第二次搜索时，清除下面脚本中填写的所有字段。该脚本在25个框中填入鞋子尺寸和价格，然后循环遍历所有内容，问题是如果下一个搜索的项目没有相同数量的鞋子尺寸（通常是相同的），则框中会保留以前的数据（例如，第一只鞋的尺寸会增加到15号，下一只鞋的搜索只会增加到12号，因此12.5-15号会保留以前的数据，因为不会覆盖它们）

$（'searchForm'）。on（'submit'，（e）=>{
e、 预防默认值（）；
让searchText=$（“#搜索框”）.val（）；
$.ajax({
网址：“/”，
键入：“POST”，
数据：{
输入：searchText}，
成功：功能（res）{
控制台日志（res）；
设乘积=res；
document.getElementById（“shoe”）.innerHTML=（product.stockx.shoeId）；
document.getElementById（“日期”）.innerHTML=（product.stockx.release）；
document.getElementById（“sneakerid”）.style.backgroundImage='url（+（product.photo）+'）；
document.getElementById（“shoeOverlay”）.style.backgroundImage='url（+（product.photo）+'）；
let size=product.stockx.price\u size
对于（设i=0；isize[i].pricing）document.getElementById（i==0？`goatprice`:`goatprice${i}`）.style.color=“#00ffb3”；
else if（product.size[i][1]*.01

HTML代码段

       <table class="table">
          <tr>
            <td>
              <div class="innerbox">
                <div id="shoesize" ></div>
                  <div class="prices">
                    <div id="stockxprice"></div>
                    <div id="goatprice"></div>
                  </div>
                    <div class="logocontainer">
                      <div class="stockxlogo"> <img src="img/stockxlogo.svg" ></div> 
                       <div class="goatlogo"><img src="img/goatlogo.svg" height="30px" width="30px"></div> 

                  </div>



<form id="searchForm">
                   <input type="text" autocomplete="off" id="search-box">
                   <div class="searchlogo"> <img src="img/searchlogo.svg" height="15px" width="15px" href="#"></div>
                  </form>

                </div>


  [1]: https://i.stack.imgur.com/plWLo.jpg

[1]: https://i.stack.imgur.com/plWLo.jpg

如果元素位于

表单中

，则可以使用

表单.reset（）

方法

---

HTMLFormElement.reset（）：

方法的作用是：恢复表单元素的默认值。此方法的作用与单击表单的重置按钮相同

您可以在此处阅读更多内容：

---

运行和测试：

函数resetForm（）{
让form=document.getElementById（“myForm”）；
form.reset（）；
}

感谢您的回复@ivan86所有数据都保存在表格中，只需按搜索栏上的enter键即可填充，我已上载了一段HTML，您可以看到我的意思，问题是我需要在第二次搜索时将其清除，而不是first@N3VO我没有看到HTML的片段：/@N3VO呃，那么这就改变了：）@N3VO检查我的编辑，我相信这就是你想要的。它确实有效，但有一个问题，它在我第一次搜索时按enter键后删除了所有内容，有没有办法让它只在第二次+搜索后运行？

       <table class="table">
          <tr>
            <td>
              <div class="innerbox">
                <div id="shoesize" ></div>
                  <div class="prices">
                    <div id="stockxprice"></div>
                    <div id="goatprice"></div>
                  </div>
                    <div class="logocontainer">
                      <div class="stockxlogo"> <img src="img/stockxlogo.svg" ></div> 
                       <div class="goatlogo"><img src="img/goatlogo.svg" height="30px" width="30px"></div> 

                  </div>



<form id="searchForm">
                   <input type="text" autocomplete="off" id="search-box">
                   <div class="searchlogo"> <img src="img/searchlogo.svg" height="15px" width="15px" href="#"></div>
                  </form>

                </div>


  [1]: https://i.stack.imgur.com/plWLo.jpg