使用组合框类别和文本框javascript过滤

Question

the text input filtering is working but i don`t know how to implement with category using combo box. the category is using by there age. please help my to this task:(

this is my sample code

this is my view

<select>
    <option>all age</option>
    <option>16</option>
    <option>18</option>
    <option>20</option>
</select>

    <input />
     <table class="AvailableGroupLab availGrpLabs avalLabs">
        <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
         </thead>
    <tbody>

        <tr>
            <td><span>wewe</span>

            </td>
            <td>16</td>
        </tr>
        <tr>
            <td><span>Melvin</span>

            </td>
            <td>18</td>
        </tr>
        <tr>
            <td><span>Marvin</span>

            </td>
            <td>20</td>
        </tr>

            <tr>
            <td><span>wewex</span>

            </td>
            <td>20</td>
        </tr>
         </tbody>
    </table>

this is javascript

function filter(element) {
    var $trs = $('.AvailableGroupLab tbody tr').hide();
    var regexp = new RegExp($(element).val(), 'i');

    var $valid = $trs.filter(function () {
        return regexp.test($(this).find('td:first-child').text())
    }).show();

    $trs.not($valid).hide()
}

$('input').on('keyup change', function () {
    filter(this);
})

Answer 1

The problem with you code is that you are comparing regexp with 1st child of tr, while you age is in 2nd child.

var $valid = $trs.filter(function () {
    return regexp.test($(this).find('td:eq(1)').text())
    // or 
    return regexp.test($(this).find('td:last-child').text())
}).show();

I hope this will help you.