javascript - 无法按下拉列表中的选定值过滤数据表

Question

我正在使用 jQuery 插件 DataTables。我有一个包含 HTML 输入和选择的数据表。当我使用 DataTable 搜索过滤器过滤结果并搜索所有具有选定值“打开”的下拉列表时，没有任何变化。

我相信这是因为表格中的每个下拉菜单都有相同的选项，过滤器正在搜索它们并返回所有结果，因为它们都匹配。

如何让过滤器只搜索选定的值而不搜索下拉列表的所有选项？

我试图找到解决方案，但我能找到的结果如下:

• Dropdown filter jquery datatables
• CustomFilter

这些都涉及为每一列添加自定义过滤器，我只想使用现有的 DataTable 过滤器。

例子

Live example of the problem , 搜索“打开”或“关闭”

代码

<table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input name="name" type="text" value="Need more memory" id="name1"></td>
                <td><select name="status" id="status1">
                        <option value="2">Closed</option>
                        <option selected="selected" value="1">Open</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><input name="name" type="text" value="Can't connect" id="name2"></td>
                <td><select name="status" id="status2">
                        <option selected="selected" value="2">Closed</option>
                        <option value="1">Open</option>
                    </select>
                </td>
            </tr>
        </tbody>
</table>

Answer 1

现在，您可以使用 data-search <td>-element 上的属性与数据表。 ref

<tr>
    <td>
       <input name="name" type="text" value="Need more memory" id="name1">
     </td>
     <td data-search="Open">
        <select name="status" id="status1">
          <option value="2">Closed</option>
          <option selected="selected" value="1">Open</option>
        </select>
     </td>
    </tr>
<tr>

fiddle

my similar question on datatables.net