如何使用Javascript在表中选择多个项目

使用如下示例：

如何在表中选择Firefox和Mozilla，而不是filter。 我正在考虑使用select2.js获取多个选定项目。 然后用下划线处理表…如果有博客，解释

---

请列出这个清单。

我想你要问的是：

我有一张桌子和一个多重选择框。我想使用多重选择框中的用户选择来筛选表中的行。如果未选择任何内容，则显示所有行。如果选择了两个选项，则仅显示与这两个选项对应的行。我该怎么做

这项工作：

HTML

---

正如您所建议的，我使用Select2使多重选择框更易于使用。

您想做什么？你能展示一下结果应该是什么样子吗？我正在尝试复制filter的excel功能…我看到的过滤器使用正则表达式删除基于单词的行。。但我想过滤两三个词。不同的词。。请查看包含firefox和mozilla所有列表的浏览器列示例。。这是怎么回事。或者，您想了解如何使select2正常工作，然后只显示选定列的说明吗？我该如何创建一个空白表$（'tr'）。show…不起作用…我开始为你提供赏金…我如何限制在一张桌子上。。。目前，$正在影响第页的两个表。。它还删除了标题rowHi@Merlin。

$（选择器）

语法使用CSS选择器以页面中的特定元素为目标。在我的示例中，选择器非常通用

$（'tr'）

将以任何行为目标。要使选择器更具体，请使用CSS类或ID<代码>$（'tr.browsers'）将以类

浏览器

的任何tr元素为目标。您可以这样定义这类元素

。如果您需要我更新小提琴来演示，请告诉我。不幸的是，我不明白你关于空白表格的另一个问题。你能解释一下吗？我用了伙伴儿童选择器。
<select id="browserSelect" multiple style="width:300px">
    <option value="Firefox">Firefox</option>
    <option value="Mozilla">Mozilla</option>
    <option value="IE">IE</option>
    <option value="Netscape">Netscape</option>
    <option value="Opera">Opera</option>
</select>
<table>
    <tr>
        <td>Firefox</td>
        <td>details</td>
    </tr>
    <tr>
        <td>IE</td>
        <td>details</td>
    </tr>
    <tr>
        <td>Firefox</td>
        <td>more details</td>
    </tr>
    <tr>
        <td>Netscape</td>
        <td>details</td>
    </tr>
    <tr>
        <td>Mozilla</td>
        <td>details</td>
    </tr>
    <tr>
        <td>Opera</td>
        <td>details</td>
    </tr>
</table>

$("#browserSelect").select2().change(function () {
    var selectedBrowsers = $('select').val();
    if (selectedBrowsers) {
    //If the user made a selection, hide every row of the table
        $('tr').hide();
        //Show only rows where the text in the first column
        //corresponds to one of the user's selections
        $('td:first-child').each(function (i, cell) {
            if (selectedBrowsers.indexOf($(cell).text()) > -1) {
                $(cell).parent().show();
            }
        });
    } else {
    //Show all rows when there is no selection
        $('tr').show();
    }
});