我试图为我的每一列显示过滤器下拉列表。某些列正确显示了unqiue值。但是,有3个过滤器下拉列表没有正确显示。在这3列中,我在 <td>
这是必要的,因为我正在使用js检查来自隐藏输入的数据值是否在一定范围内。这个 <td>
会根据情况改变颜色。然而,这导致我的3过滤器下拉显示值从隐藏的输入这不是我所希望的。你能帮忙吗?下面是我的密码。
php代码:
<table id="pic_table" class="table" class="display">
<thead>
<tr>
<th class="filterhead"></th>
<th class="filterhead"></th>
<th class="filterhead"></th>
<th class="filterhead"></th>
<th class="filterhead"></th>
<th class="filterhead"></th>
<th class="filterhead"></th>
</tr>
<tr>
<th>Serial</th>
<th>Name</th>
<th>Project Reference</th>
<th>Basic Profile</th>
<th>Employment Permits</th>
<th>Last Updated</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
.....................
while($row = sqlsrv_fetch_array( $sql_stmt, SQLSRV_FETCH_NUMERIC)){
echo"<tr>";
echo "<td>".$row[0]."</td>";
echo "<td class='name_col'>".$row[1]."</td>";
echo "<td class='prbk'><input type='hidden' class='pr' name='pr' value='".$row[3]."'>".$row[3]."%</td>";
echo "<td class='bpbk'><input type='hidden' class='bp' name='bp' value='".$row[4]."'>".$row[4]."%</td>";
echo "<td class='epbk'><input type='hidden' class='ep' name='ep' value='".$row[5]."'>".$row[5]."%</td>";
echo "<td>".$row[2]->format("d M Y")."</td>";
echo "<td id='status'></td>";
echo "</tr>";
}
?>
</tbody>
</table>
js公司:
$(document).ready( function () {
$('#pic_table').DataTable({
initComplete: function () {
var i = 0;
this.api().columns().every( function () {
var column = this;
var select = $('<select><option value="">All</option></select>')
.appendTo( $('.filterhead').eq(i).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>' )
} );
i++;
} );
}
});
});
错误屏幕截图:
1条答案
按热度按时间7lrncoxx1#
谢谢jameson2012。根据你的建议,我已经用中的data属性替换了隐藏的输入字段
<td>
. 下面是我的简单解决方案。