在下拉框中按选定月份过滤表格

时间:2019-06-29 05:42:17

标签: javascript php mysql

我有一个下拉列表,用于通过数据库中的teamCode过滤表

这是下拉菜单的html:

<ul class="navbar-nav mr-auto">    <!--this is a mdb bootstrap dropdown-->
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-555" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false">INSULATION
        </a>

        <div class="dropdown-menu dropdown-secondary" aria-labelledby="navbarDropdownMenuLink-555">
          <a class="dropdown-item" id="gableTeam" class="gableTeam" href="#">GABLE</a>
          <a class="dropdown-item" id="holingTeam" class="holingTeam" href="#">HOLING</a>
          <a class="dropdown-item" id="outsideInsTeam" class="outsideInsTeam" href="#">OUTSIDE INSULATION</a>
          <a class="dropdown-item" id="insideInsTeam" class="insideInsTeam" href="#">INSIDE INSULATION</a>
        </div>
     </li>
</ul>

我将仅为ID为<a>的{​​{1}}标签制作一个样本

这是gableTeam的ajax:

gableTeam

我设置为检查下拉菜单 $(document).on('click','#gableTeam',function(){ var Fmonth = $('#Fmonth').val(); $.ajax({ type: 'post', url: 'read_gable.php', data: { 'month' :Fmonth }, success: function(data){ $("#containerDiv").html(data) $("#containerDiv").hide().fadeIn(500) //alert(Fmonth); }, error:function(data){ alert('Failed'); } }) }); 的值,以过滤单击#Fmonth时表格中显示的月份。

这是我用于下拉框#gableTeam的html:

#Fmonth

这是我的read_gable.php的php(仅显示一个示例,仅显示一行):

<select class="form-control" width="50px" name="Fmonth" id="Fmonth">
      <option value="1">January</option>
      <option value="2">February</option>
      <option value="3">March</option>
      <option value="4">April</option>
      <option value="5">May</option>
      <option value="6">June</option>
      <option value="7">July</option>
      <option value="8">August</option>
      <option value="9">September</option>
      <option value="10">October</option>
      <option value="11">November</option>
      <option value="12">December</option>
</select>

现在下拉列表 <?php $Fmonth = @$_REQUEST["month"]; try { $pdo = new PDO('mysql:host=localhost:3306;dbname=*****;', '*****', '***' ); $pdo->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION ); $stmt = $pdo->prepare( " SELECT * from mbwa WHERE month = :Fmonth AND teamCode = '313'" ); $stmt->bindValue( ':Fmonth', $Fmonth, PDO::PARAM_STR ); $flag = $stmt->execute(); if ( !$flag ) { $info = $stmt->errorInfo(); exit( $info[2] ); } while ( $row = $stmt->fetch( PDO::FETCH_ASSOC ) ) { @$tbody .='<tr>'; $tbody .='<td style="height:92px;background-color:#e0ebeb;" id="1" >'.$row["DAY1"].'</td>'; $tbody .='<td style="height:92px;background-color:#e0ebeb;" id="2" >'.$row["DAY2"].'</td>'; $tbody .='<td style="height:92px;background-color:#e0ebeb;" id="3" >'.$row["DAY3"].'</td>'; $tbody .='<td style="height:92px;background-color:#e0ebeb;" id="4" >'.$row["DAY4"].'</td>'; $tbody .='<td style="height:92px;background-color:#e0ebeb;" id="5" >'.$row["DAY5"].'</td>'; @$tbody .='</tr>'; } } catch ( PDOException $e ) { echo $e->getMessage(); $pdo = null; } ?> 更改时如何过滤表格?而且它只能过滤Fmonth中的选定团队,即gableTeam。 (我只派一个团队作为样本,但在我的实际代码中,有10个团队需要过滤。)

我不知道要放什么东西

<li>

有什么帮助吗?

1 个答案:

答案 0 :(得分:2)

我假设您所有的month的{​​{1}}都是相同的。因此,您可以使用teams标记,其中a可以得到onclick,即id,然后在更改teamname时,您可以同时传递两个{ {1}}和dropdown到页面month所在的页面,具体取决于该数据。

相关代码:

teamname