javascript数据表过滤器选项无法正常工作

Question

我的过滤列是

<select id="filter">
<option value="Main Banner">Main Banner</option>
<option value="Right Banner">Right Banner</option>
</select>

我的桌子是

 <table id="example1" class="table table-bordered table-striped">
 </table>

我的数据表划线

<script type="text/javascript">
$(function() {
var table = $('#example1').dataTable( {
"aoColumnDefs": [
{ 'bSortable': false, 'aTargets': [ 0, 3, 4 ] }
]});
$('#example2').dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter": false,
"bSort": true,
"bInfo": true,
"bAutoWidth": false
});
});
</script>

我的过滤器脚本是

<script type="text/javascript">
$("#filter").on('change', function() {
//filter by selected value on second column
table.column(1).search($(this).val()).draw();
});    
</script>

在下拉列表中，主横幅和右横幅出现但变化无效...

这里的过滤器选项不起作用......

请帮帮我......

尝试修复此问题....