jquery - 从选择中过滤不起作用

Question

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

我的代码如下。

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

<强> 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) 来获取事件处理程序中选定的值。