我正在为表格创建一个下拉过滤器,并为每一列设置一个下拉过滤器。但是第一列上唯一的过滤器正在工作,过滤器的其余部分不起作用,当我尝试过滤它们时,列中的元素消失了。<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"><style> .bodycontent{ margin-left: 5%; margin-right:5%; } td{ padding:10px; text-align:center; }</style></head><body > <div class="bodycontent"><table id="table_format" class="table table-striped "> <thead style="background-color: #70AD47"> <tr> <th>Category <select id="filterText" style="display:inline-block;" onchange="filterText()"> <option disabled selected>Select</option> <option value="all">All</option> <option value="School Nutrition">School Nutrition</option> <option value="Food Safety">Food Safety</option> </select> </th> <th>Course Title</th> <th>Hours of Instruction <select id="filterText" style="display:inline-block;" onchange="filterText()"> <option disabled selected>Select</option> <option value="all">All</option> <option value="one">1</option> <option value="two">2</option> <option value="three">3</option> </select> </th>是否可以让过滤器适用于所有列?也可以多个过滤器同时工作。
添加回答
举报
0/150
提交
取消