按下按钮更改变量并继续这样做

时间:2017-06-16 08:20:11

标签: javascript php button

在我正在展示img-1的页面中。为此,我将$ number = 1。

然后,要显示img-2,我必须使$ number = 2.为此,我可以通过制作一个按钮来执行此操作,$ number + 1.但是,我该如何使用相同的按钮显示$ number = 3以后?因为该按钮只执行相同的计算,$ number = 1,结果只有2.我需要它为3,4,5等等。

继承我的代码,它混杂的html,php和javascript都在一个地方。我不是专业的程序员。

<?php 
    $number = $_GET["number"];
?>

<main id="main" class="single-page" role="main">
    <div>
        <div>
            <img src="http://www.test.com/img-<?php echo $number ?>.jpg" id="number">
            <input type="button" value ="proceed" onClick="document.getElementById('number').src='http://www.test.com/img-<?php echo $number + 1; ?>.jpg'">

        </div>
    </div>
</main> <!-- #main -->

好吧,就是这样。最初我有一个查询字符串,$ number = 1.所以,我有一张id为img-1的图片。然后,该按钮将$ number更改为2,使图像显示为img-2。现在,我尝试使用相同的按钮来显示img-3。我不知道该怎么做。

我想这样做,该按钮将做两件事,首先,将该图像源更改为2,同时使$ number = 2.因此,下次单击按钮时,它会处理$ number as = 2,现在将&#34; + 1&#34;使它变为3.然后它也只需要一次点击即可显示第四张图像。

单击该按钮后是否有办法更改$ number的值?我知道该代码有很多问题,但我只需要解决这个问题,点击后进行$ number更改。感谢

1 个答案:

答案 0 :(得分:0)

当您想要显示“计数器”时,您始终显示相同的数字。这是解决方案。

echo $number = $number + 1;