php - 使用下拉菜单对电影进行排序

Question

我是 PHP 新手，在使用下拉菜单进行排序时遇到了一些问题。

我有一个电影页面已经按类型排序，在该页面中我希望能够按标题、评级和年份排序，但我不知道该怎么做。

在索引页中，我能够轻松地对电影进行排序，因为它们尚未按类型排序，所以我只需要输入 ORDER BY something在查询中，它返回了我想要的内容。

现在的问题是我必须检查当时选择了哪种流派并将其与我从下拉列表中选择的内容相关联，但我不知道该怎么做...

我不知道这是否足够明确，但如果您有任何疑问，请问我...

我从此处的现有问题中复制了以下代码:

<form class="sortby_form" action="">
                  <div class="sortby" method="POST">
                    <select name="sort_by" class="drop-box">
                      <option selected hidden <?php if(isset($_POST['sort_by']) && $_POST['sort_by'] == 'option') echo 'selected="selected"'; ?> value="option">Sort by</option>
                      <option <?php if(isset($_POST['sort_by']) && $_POST['sort_by'] == 'title') echo 'selected="selected"'; ?> value="title">Title</option>
                      <option <?php if(isset($_POST['sort_by']) && $_POST['sort_by'] == 'year') echo 'selected="selected"'; ?> value="year">Year</option>
                      <option <?php if(isset($_POST['sort_by']) && $_POST['sort_by'] == 'rating') echo 'selected="selected"'; ?> value="rating">Rating</option>
                    </select>
                  </div>
                <form>

这是我的代码，它返回按流派排序的电影:

    <?php
if (isset($_REQUEST["g"])) {
    $g = $_REQUEST["g"];
} else {
    $g=0;}

$q_sortg = "SELECT id_movie, title, image, plot, rating, id_genre, genre
        FROM movie_genre AS mg
        INNER JOIN movie AS m ON mg.movie_id_movie = m.id_movie
        INNER JOIN genre AS g ON mg.genre_id_genre = g.id_genre
        WHERE id_genre = '$g'";
$r_sortg = mysqli_query($dbc, $q_sortg);

$i=0;
echo '<div class="row row-eq-height">';

while ($row_sortg = mysqli_fetch_array($r_sortg)) {

if($row_sortg['id_genre'] == $g) {

    echo '<div class="col-sm-3 col-lg-3 col-md-3 column">';

                echo '<div class="thumbnail movie-box">';
                   echo '<a href="movies_info.php?m='.$row_sortg['id_movie'].'"><img src="data:image/jpg;base64,'.base64_encode($row_sortg['image']).'" width="250px" height="300px" /></a>';
                        echo '<div class="caption">';
                            echo "<h4 class=\"title-subs\"><a href='movies_info.php?m=".$row_sortg['id_movie']."'>".$row_sortg['title']."</a></h4>";
                            echo "<p class=\"title-subs\">".$row_sortg['plot']."</p>";
                        echo "</div>";
                        echo '<div class="ratings align-center">';
                            echo '<p>';
                                $ratings = $row_sortg['rating'];

                                $rates = array('$row_sortg' => $ratings);

                                foreach ($rates as $r => $value) {
                                    if($value <= 1.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star-half-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 2.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 3.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-half-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 4.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 5.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-half-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 6.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 7.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-half-o" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 8.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 9.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star-half-o" aria-hidden="true"></i>';
                                        }
                                    else if($value <= 10.0){
                                        echo '<p>'.$value.'</p>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        echo '<i class="fa fa-star" aria-hidden="true"></i>';
                                        }
                                }//fecha o foreach
                            echo '</p>';
                        echo '</div>';
                echo "</div>";
            echo "</div>";


        $i++;
        if ($i%4 == 0){
            echo '</div><div class="row row-eq-height">';
        } //fecha o if

    } //fecha o While
}

?>

这是当前网站的链接: http://www.zoomlab.pt/2016-web2/pub/grupo4/index.php

在出现的第一页中，可以毫无问题地进行排序。问题是当您单击左栏中的一种类型时。它们似乎按流派排序，然后我无法按排序方式工作...

我最初尝试使用 bootstrap 下拉菜单，但它使用了 <li><a>而不是 <select>和 <option> , 所以我不知道这是否可能。

在此先感谢您提供的任何帮助。

Answer 1

看起来您只需要在用户更改排序选项后重新提交表单？如果是这样，您需要使用 JavaScript 添加 onchange您的 <select> 上的事件，这将重新提交表单:

<script>
window.addEventListener('DOMContentLoaded', function () {
    var form = document.querySelector('form.sortby_form'),
        select = form.querySelector('select[name="sort_by"]');

    select.addEventListener('change', function () {
        form.submit();
    });
});
</script>

此外，如果这是用于生产网站，您真的不应该将原始用户输入用作 SQL 查询的一部分。请参阅:http://php.net/manual/en/mysqli-stmt.bind-param.php