javascript - 在选择框中选择空选项时显示所有隐藏的表格行

Question

到目前为止，我的代码工作正常，但是当我选择空选择选项时，表中的所有行都应该再次可见(换句话说，将表重置为初始状态)。我该怎么做？

我已经看到了这个( JQuery Selector for table with hidden row - alternate row colouring )，但无法应用于我的结构。

谢谢

JQUERY:

    $(document).ready(function()
    {
        $("#cars").change(function()
        {
            var selected = $(this).val();

            if (selected != '')
            {
                var values = $.map($('#cars>option'), function(e) { return e.value; });

                values.forEach(function(item)
                {
                    if (item != '')
                    {
                        if (selected == item)
                        {
                            $('.' + item).show();
                        }
                        else
                        {
                            $('.' + item).hide();
                        }
                    }
                    else
                    {
                        //Show all rows
                    }
                });
            }
        });
    });

HTML:

<table border="1">
            <tr id="header">
                <td>1</td>
                <td><select id="cars">
                    <option value=""></option>
                    <option value="bmw">BMW</option>
                    <option value="audi">AUDI</option>
                    <option value="mercedes">MERCEDES</option>
                </select></td>
            </tr>
            <tr class="bmw">
                <td>3.16</td>
                <td>BMW</td>
            </tr>
            <tr class="bmw">
                <td>3.18</td>
                <td>BMW</td>
            </tr>
            <tr class="bmw">
                <td>3.00</td>
                <td>BMW</td>
            </tr>
            <tr class="audi">
                <td>A1</td>
                <td>AUDI</td>
            </tr>
            <tr class="audi">
                <td>A3</td>
                <td>AUDI</td>
            </tr>
            <tr class="mercedes">
                <td>300sel</td>
                <td>MERCEDES</td>
            </tr>
        </table>

Answer 1

Working Fiddle
在您的代码中添加此else部分

else {
    $('table tr').show();
}