微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

按列搜索的数据表搜索

如何解决按列搜索的数据表搜索

我有一个带有外部搜索过滤器的数据表,其值为“已更新、未更新和不适用”并带有多选。

当我尝试搜索更新时,它也会拉出未更新的值。如果选择值更新,我试图只获得“更新”状态。

$(document).ready(function() {
  var table = $('#example').DataTable();
  $('button').click(function(){
  var target_assigned=$('#test').val();
  target_assigned2 = target_assigned.join('|'); 
  table.columns(1).search(target_assigned2,true,false).draw();
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css">

<select id="test" multiple><option value="Updated">Updated</option><option value="Not Updated">Not Updated</option>
<option value="NA">NA</option>
</select>
<button>click</button>

<table id="example">
<thead>
 <tr>
  <th>id</th>
  <th>update status</th>
  <th>active</th>
 </tr>
 </thead>
 <tbody>
  <tr>
   <td>1</td>
   <td>Updated</td>
   <td>active</td>
  </tr>
  <tr>
   <td>2</td>
   <td>Not Updated</td>
   <td>active</td>
  </tr>
  <tr>
   <td>3</td>
   <td>Updated</td>
   <td>active</td>
  </tr>
  <tr>
   <td>4</td>
   <td>Not Updated</td>
   <td>active</td>
  </tr>
  <tr>
   <td>5</td>
   <td>NA</td>
   <td>active</td>
  </tr>
  <tr>
   <td>6</td>
   <td>Updated</td>
   <td>active</td>
  </tr>
  <tr>
   <td>7</td>
   <td>Not Updated</td>
   <td>active</td>
  </tr>
 </tbody>
</table>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?