Question

我试图更改页面的照片内容。在页面顶部我有一个水平照片条，使用GET查找照片，以便网站知道要加载哪个照片条。下页中的所有照片都与选择条带中的哪张照片有关。我希望能够根据单击上方条带中的哪张照片来更改页面的较低内容。

这是我到目前为止的一些代码

    <?php
include_once("resources/init.php");
include_once("db_conx.php");
$sql = "SELECT * FROM photos WHERE id= '$idd'";
$query = mysqli_query($db_conx, $sql);
    while ($row = mysqli_fetch_array($query, MYSQLI_ASSOC)) {
        $description = $row["description"];
        $filename = $row["filename"];
        $thumb1 = $row["thumb1"];
        $thumb2 = $row["thumb2"];
        $thumb3 = $row["thumb3"];
        $desc1 = $row["desc1"];
        $desc2 = $row["desc2"];
        $desc3 = $row["desc3"];
}
?>

$ idd应根据单击条带中的哪个图像进行更改，以显示下面的所有相关照片，我无法使其工作，如何在不重新加载的情况下将$ idd更改为单击图像的$ id页面？

    function menuclick(){
    $idd = "<?php echo $id ?>";
}

Answer 1

这就是我提出的：

$('img').click(function(){
    $('#iid').val($(this).attr('id'));
});

Here is the JSFiddle

这是 javascript 版本：

var images = document.querySelectorAll('img');
for (i = 0; i < images.length; i++) {
    images[i].addEventListener("click", function(){
        iid.value = this.id;
    });
}

Here is the JSFiddle demo

尝试根据点击更改页面上的内容

1 个答案: