JavaScript 数据表过滤器选项不起作用

javascript datatable filter option not working

本文关键字：不起作用 选项 过滤器 数据表 JavaScript      更新时间：2023-09-26

>我的过滤器列是

<select id="filter">
<option value="Main Banner">Main Banner</option>
<option value="Right Banner">Right Banner</option>
</select>

我的桌子是

 <table id="example1" class="table table-bordered table-striped">
 </table>

我的数据表

<script type="text/javascript">
$(function() {
var table = $('#example1').dataTable( {
"aoColumnDefs": [
{ 'bSortable': false, 'aTargets': [ 0, 3, 4 ] }
]});
$('#example2').dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter": false,
"bSort": true,
"bInfo": true,
"bAutoWidth": false
});
});
</script>

我的过滤器脚本是

<script type="text/javascript">
$("#filter").on('change', function() {
//filter by selected value on second column
table.column(1).search($(this).val()).draw();
});    
</script>

在下拉列表中，主横幅和右侧横幅来了，但在更改时不起作用...

这里的过滤器选项不起作用...

请帮帮我...

尝试解决此问题....

试试这个：

<script type="text/javascript">
  $("#filter").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#filter").filter(function() {
      $(this).parent().parent().toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
  
  </script>
相关文章：