jquery - 表排序器和选择/下拉框

Question

我正在使用表格排序器 ( http://mottie.github.io/tablesorter/docs/index.html )，并且我的一个表格有一个下拉选择框。

通过下面的文本提取，我设法使其按所选选项排序。但是，这仅适用于初始选择。如果我更改任何选项并对表重新排序，它仍然使用旧值。

如何教 tablesorter 使用当前选定的值？

    textExtraction: function(node) {
        // Check if option selected is set
        if ($(node).find('option:selected').text() != "") {
            return $(node).find('option:selected').text();
        }
        // Otherwise return text
        else return $(node).text();
    }

Answer 1

在 /js/parsers/ 目录中有一个插件附带的解析器，名为 parser-input-select ( ref )，其中包含以下代码解析(不需要 textExtraction 更改)并在用户更改选择时更新内部缓存。

为了确保使用选择解析器，请加载此解析器文件，然后设置 header 选项(或 header 类名称sorter-select)，如下所示:

$("table").tablesorter({
    theme : "blue",
    headers: {
        0: { sorter: "select" }

    }
});

您可以看到此解析器在 grouping widget demo 中工作，或this jsFiddle .