从选择中过滤不起作用

Question

我创建了一个带有固定标题和排序的 dataTable 的应用程序，该应用程序运行良好，但问题是我通过下拉列表过滤了名称，当我选择特定名称时该名称不起作用。

我的代码如下。

谁能告诉我一些解决方案：

Working Demo

$(document).ready(function () {
    myTable = $('#myTable').dataTable({
        "bInfo": false,
        "bLengthChange": false,
        "bPaginate": false,
        "scrollY": "300px",
        "scrollX": "100%",
        "scrollCollapse": true,
    });

    new $.fn.dataTable.FixedColumns(myTable, {
        leftColumns: 1,
        rightColumns: 1
    });

    $("#name").on('change', function () {
        filterNames();
    });

    function filterNames() {
        var name = $('#name option:selected').attr('value');
        myTable.fnFilter(name, 14, false, false, false, false);
    }
});

Answer 1

您在fnFilter 中输入了错误的索引。找到下面的工作代码，

JSFiddle

问题在于on 事件，您应该将选择器提供给on 函数

否则使用

Delegate：它只是附加事件运行时。更多信息请参考http://api.jquery.com/delegate/

和

需要使用 $(this) 来获取事件处理程序内部的选定值。