Jquery 表排序器和选择/下拉框

Jquery 表排序器和选择/下拉框,jquery,tablesorter,Jquery,Tablesorter,我正在使用tablesorter(),我的一个表有一个下拉选择框 通过下面的文本提取,我成功地使其按所选选项排序。但是,这仅适用于初始选择。如果我更改任何选项并重新排序表,它仍然使用旧值 如何教tablesorter使用当前选定的值 textExtraction: function(node) { // Check if option selected is set if ($(node).find('option:selected').text() !=

我正在使用tablesorter(),我的一个表有一个下拉选择框

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

如何教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();
    }

/js/parsers/
目录中名为
parser input select
()的插件中有一个解析器,它包含解析(不需要
文本提取
更改)和在用户更改选择时更新内部缓存的代码

要确保正在使用select解析器,请加载此解析器文件,然后按如下所示设置header选项(或header class name
sorter select
):

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

    }
});

您可以看到该解析器在或中工作。

在名为
parser input select
()的
/js/parsers/
目录中有一个解析器,该解析器随插件一起提供,其中包含解析(不需要
文本提取
更改)和在用户更改选择时更新内部缓存的代码

要确保正在使用select解析器,请加载此解析器文件,然后按如下所示设置header选项(或header class name
sorter select
):

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

    }
});
您可以看到此解析器在、或中工作