Bootstrap表格过滤器控制搜索使用后如何清除输入框答案

【问题标题】：Bootstrap table filter control how to clear the input box after search useBootstrap表格过滤器控制搜索使用后如何清除输入框
【发布时间】：2021-07-09 07:04:59
【问题描述】：

.clear() 函数不适用于我的代码。我不知道如何在 jQuery 中操作标签。

事件：

         
function (){        
    var $table = $('#table')
    if($(".filter-control").is(":visible")){
         $(".filter-control").hide()
        $table.bootstrapTable('refresh')
        $(".filter-control").clear();
    } else {
        $(".filter-control").show()
        $table.bootstrapTable('refresh')
        $(".filter-control").clear();
    }       
}

有趣的Html代码是



  <table>
  <body>
    <table id="table">
    <thead>
      <tr>
        <th data-field="id"   data-filter-control="input"  data-width ="400"  >Id</th>
        <th data-field="name" data-filter-control="input"   data-width ="400"  >Item Name</th>
        <th data-field="price"data-filter-control="input"  data-width ="400"  >Item Price</th>
      </tr>
    </thead>
  </table>

  <script>
    function buttons(){
      return {
        btnUsersAdd: {
          text: 'Enable/Disable Filters',
          
          icon:'fa-filter',
          event: function (){
            
            if($(".filter-control").is(":visible")){
                $(".filter-control").hide()
                $(".filter-control").clear(); 
                $table.bootstrapTable('refresh')
            } else {
        $(".filter-control").show()
        $(".filter-control").clear();
        $table.bootstrapTable('refresh')            
             }
          }
        }
      }
    }
   
  </script>

【问题讨论】：

你可能想要$(".filter-control").val("")
你能否详细说明我使用了 $(".filter-control").val(" ")
检查你的控制台，你应该得到错误 $(...).clear is not a function 所以将 .clear() 更改为 .val("") - 但如果没有 html 显示 .filter-control 是什么，这只是一个猜测。
哦，我会这样做的，我在这里粘贴整个 html 代码
请正确格式化您的问题。您可以使用反引号 `like this 突出显示其他文本中的代码元素 - 代码块应以三个反引号开头和结尾。我已经修复了你的代码 3 次，但你一直把它放回不可读的状态。

标签： javascript jquery twitter-bootstrap

【解决方案1】：

我找到了自己查询的答案， 1.将属性data-show-filter-control-switch="true"添加到表中 2. 确保表格高度发生变化时没有 data-height 属性，它会阻止这种情况发生。

【讨论】：