引导数据表自定义下拉过滤器

vij*_*mar 4 javascript php datatable jquery codeigniter

我在页脚的 codeigniter 项目中使用引导数据表,我包含了这个数据表 js 并像这样初始化

$('.datatable').dataTable({
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
            "sLengthMenu": "_MENU_ records per page"
            }
        } );
Run Code Online (Sandbox Code Playgroud)

现在我想在所需列的所需列表页面中自定义过滤器,我试过

<select id="s" name="s">
<option value="1">Hyd</option>
<option value="2">Warangal</option>
</select>
Run Code Online (Sandbox Code Playgroud)

和 js 作为

<script>
$(document).ready(function(){
    $('#s').change( function() {
        //alert($(this).val());
oTable.fnFilter( $(this).val(), 2 );
} );
});
</script>
Run Code Online (Sandbox Code Playgroud)

我想使用城市的下拉列表进行过滤。

bat*_*ask 10

希望这是你要找的,小提琴

$(document).ready(function() {
    var table =  $('#example').DataTable();

    $('#dropdown1').on('change', function () {
        table.columns(1).search( this.value ).draw();
    } );
    $('#dropdown2').on('change', function () {
        table.columns(2).search( this.value ).draw();
    } );
});
Run Code Online (Sandbox Code Playgroud)

和平!