Yii2 - 使用column()。search()过滤数据表

时间:2016-02-05 04:37:26

标签: jquery yii datatables yii2

我在yii2中使用数据表..

var table = $('#example').DataTable();

// #column3_search is a <input type="text"> element
$('#column3_search').on( 'keyup', function () {
    table
        .columns( 3 )
        .search( this.value )
        .draw();
} );

使用此代码,它可以搜索某个列。

使用下拉列表<select>代替使用<input type="text">是否有相应的代码..

我想使用下拉类型而不是搜索框。

示例下拉列表:

<select class="form-control-dropdown" name="month">
    <option id='January'>January</option>
    <option id='February'>February</option>
    <option id='March'>March</option>
    <option id='April'>April</option>
</select>

1 个答案:

答案 0 :(得分:1)

你试过这个????

<强> HTML

<select class="form-control-dropdown" name="month" id="new_search">
    <option value='January'>January</option>
    <option value='February'>February</option>
    <option value='March'>March</option>
    <option value='April'>April</option>
</select>

<强>的jQuery

var table = $('#example').DataTable();


$('#new_search').on( 'change', function () {
    table
        .columns( 3 )
        .search( this.value )
        .draw();
} );