使用下拉列表对电影进行排序

时间:2016-05-31 21:51:08

标签: php mysql sorting dropdown

我是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

在显示的第一页中可以排序,没有任何问题。 问题是当您单击左列中的某个类型时。他们看起来按类型排序,然后我无法通过工作......

我最初尝试使用引导下拉菜单,但它使用<li><a>代替<select><option>,所以我不知道是否可能。

提前感谢您提供任何帮助。

1 个答案:

答案 0 :(得分:0)

看起来您只需在用户更改排序选项后重新提交表单?如果是这样,您需要使用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