我有一个带有外部搜索过滤器的数据表,其值为“已更新、未更新和不适用”并带有多选。
当我尝试搜索更新时,它也会拉出未更新的值。如果选择值更新,我试图只获得“更新”状态。
$(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>