我正在使用数据表,我正在显示 multiple searches .

我是 displaying records 喜欢

Selectsearch 1  | Selectsearch 2

id | Name | Mobile     | Email         | Action
1  | abc  | 1234567887 | abc@gmail.com | image icon
2  | qwe  | 1234563423 | zxc@gmail.com | image icon

选择搜索1用于电子邮件搜索,选择搜索2用于操作 .

email search is working perfectly 因为我得到了正确的下拉列表

abc@gmail.com
zxc@gmail.com

但是动作搜索不起作用,因为我没有得到正确的下拉列表 . 我变得喜欢

cancel">cancel
new">new

我的动作代码就像

<a href="javascript:void(0);" class="s_icon_set tooltip_ cancel"><img src="'.base_url('/assets/images/icons/cancel.png').'"><span class="tooltiptext_">Cancel</span></a>

<a href="javascript:void(0);" class="s_icon_set tooltip_ cancel"><img src="'.base_url('/assets/images/icons/cancel.png').'"><span class="tooltiptext_">new</span></a>

下面是带搜索的数据表代码

$('#report_list').DataTable({
   initComplete: function () {
   this.api().columns("4").every( function () {
   var column = this;
   var select = $('<select><option value="">All</option></select>')
      .appendTo( $("#status_menu_placeholder").empty() )
      .on( 'change', function () {
   var val = $.fn.dataTable.util.escapeRegex(
             $(this).val()
           );

   column
   .search( val ? '^'+val+'$' : '', true, false )
   .draw();
    } );

   column.data().unique().sort().each( function ( d, j ) {
   select.append( '<option value="'+d+'">'+d+'</option>' )
  } );
} );

this.api().columns("5").every( function () {
var column = this;
var select = $('<select><option value="">All</option></select>')
.appendTo( $("#select_filter_emp").empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
 );
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
 } );
 column.data().unique().sort().each( function ( d, j ) {
 select.append( '<option value="'+d+'">'+d+'</option>' )
                } );
            } );