Question

您好我想通过select输入过滤我的数据表中的项目。但是当我过滤它时，数据表使用AND方法。我想用OR过滤我的项目。

关键是当我在选择输入中选择HOME和WORK过滤器时，它必须显示来自HOME或WORK类别的项目（不是现在的家庭和工作类别中的项目）。

HTML代码：

    <h4>Select your multiple filter</h4>
<div>
    <select id="select-category" name="categories" multiple>
        <option value="">All</option>
        <option value="Home">Home</option>
        <option value="Work">Work</option>
        <option value="City">City</option>
    </select>
</div>
<div>
    <h4>Table of items</h4>
    <table>
        <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Category</th>
        </tr>
        </thead>
        <tbody>
            <tr><td>1</td><td>Lamp</td><td>Home</td></tr>
            <tr><td>3</td><td>Desk</td><td>Work</td></tr>
            <tr><td>2</td><td>Books</td><td>Home</td></tr>
            <tr><td>3</td><td>Cars</td><td>City</td></tr>
            <tr><td>3</td><td>Desk</td><td>Work</td></tr>
            <tr><td>3</td><td>Photocopying</td><td>Work</td></tr>
            <tr><td>3</td><td>Clip</td><td>Work</td></tr>
            <tr><td>3</td><td>Street</td><td>City</td></tr>
         </tbody>
    </table>
</div>

JS代码：

var dataTable = $('table').dataTable();
$('#select-category').change( function () { 
    dataTable.fnFilter( $('#select-category').val(),2);
});

这是我的jsfiddle链接，其中包含使用AND过滤的示例，我想将其更改为OR。

http://jsfiddle.net/Z6uQ2/13/

数据表多个或过滤选择

0 个答案: