试图根据点击更改页面内容

trying to change content on a page based on click

本文关键字：      更新时间：2023-09-26

我想修改一个页面的照片内容。在页面的顶部，我有一个水平的照片条，它使用GET来查找PHOTOTYPE，这样网站就知道要加载哪个照片条。下一页的所有照片都与选中的照片相关。我希望能够改变页面的较低的内容基于照片在上面的strip被点击。

这是目前我写的一些代码

    <?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应该根据点击strip中的哪个图像来更改，以显示下面的所有相关照片，我不能让它工作，我如何将$idd更改为单击图像的$id而无需重新加载页面?

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

我是这么想的:

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

这里是JSFiddle

这是javascript版本:

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

这里是JSFiddle演示

相关文章：
  • 没有找到相关文章