小编Ken*_*Ken的帖子

通过下拉菜单隐藏表格行

我有 2 个下拉菜单(用户名和性别),并且有 3 列的表格(用户名、姓名和性别)。
我想根据下拉值过滤表格。我必须做什么 ?

这是代码:

<select class="form-control selectpicker">
    <option value="">Username</option>
    <option value="">user1</option>
    <option value="">user2</option>
    <option value="">user3</option>
</select>

<select class="form-control selectpicker">
    <option value="">Gender</option>
    <option value="">M</option>
    <option value="">F</option>

</select>
</div>

<table class="dynamicTable tableTools table table-striped table-primary">
    <!-- Table heading -->
        <thead>
            <tr>
                <th>Username</th>
                <th>Name</th>
                <th>Gender</th>
            </tr>
        </thead>

    <tbody>
        <tr>
            <td>user1</td>
            <td>Jane</td>
            <td>F</td>
        </tr>
        <tr>
            <td>user2</td>
            <td>John</td>
            <td>M</td>
        </tr>
        <tr>
            <td>user3</td>
            <td>Jack</td>
            <td>M</td>
        </tr>

    </tbody>
    <!-- // Table body END -->
</table>
<!-- // Table END -->
Run Code Online (Sandbox Code Playgroud)

html javascript

4
推荐指数
1
解决办法
5615
查看次数

标签 统计

html ×1

javascript ×1