2016-02-05 36 views
0

我使用的数据表中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(); 
}); 

与此代码,就可以搜索某一列。

是有使用,而不是使用<input type="text">的下拉<select>此等效代码..

我想用一个下拉式,而不是搜索框。

样品下拉:

<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> 
+0

可能是什么'select'里面的选项?那么你有** [这里结帐](https://datatables.net/forums/discussion/24959/dropdown-instead-of-search-box#Comment_69033)** –

+0

只是通常的下拉列表..我已编辑我的问题,并添加了一个示例下拉列表。 –

+0

为什么不使用内置的GridView小部件? – arogachev

回答

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(); 
}); 
+0

非常感谢。它正在工作。 –