jQuery DataTables插件 - 添加自定义选项选择过滤器 [英] jQuery DataTables plugin -- adding a custom option select filter

问题描述

任何人都知道如何向jQuery DataTable添加自定义选项选择过滤器？

基本上，像这样示例页面，而不是使用最小/最大文本字段...将其更改为选择选项。

解决方案

比我想象的更容易：

Javascript

  $（document）.ready（function（）{
 / *初始化数据集* / 
 var oTable = $ （'#example'）。dataTable（）; 
 
 / *添加事件侦听器到下拉列表中输入* / 
 $（'select＃engines'）change（function（）{oTable .fnFilter（$（this）.val（））;}）; 
}）; 
  

HTML

 < select id =engines> 
< option value =>  - 选择 - < / option> 
< option value =1.8> 1.8< / option> 
< option value =1.9> 1.9< / option> 
< / select> 
  

Anyone know how to add a custom option select filter to a jQuery DataTable?

Basically, like this example page but instead of having min/max text fields... change them to select options.

解决方案

Easier than I thought it would be:

Javascript

$(document).ready(function() {
    /* Initialise datatables */
    var oTable = $('#example').dataTable();

    /* Add event listener to the dropdown input */
    $('select#engines').change( function() { oTable.fnFilter( $(this).val() ); } );
} );

HTML

<select id="engines">
    <option value="">- Select -</option>
    <option value="1.8">1.8</option>
    <option value="1.9">1.9</option>
</select>

这篇关于jQuery DataTables插件 - 添加自定义选项选择过滤器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！