按下提交按钮后重新加载特定的html幻灯片

Question

我在html页面中使用了六个滑块，每个滑块都有多个提交按钮。如果我使用的是第二张幻灯片，我会对其进行一些操作，例如按下提交按钮并向服务器发送请求。

问题：

如何点击提交按钮后返回相同的幻灯片编号，因为 当我按下提交按钮时，它会重新加载第一张幻灯片。

尝试过的代码：

SCRIPT

<p id="slidetry"></p>
<script>

function Attempt() {
    location.hash = "Slide1";
    var a = "You are now in " + location.hash;
    document.getElementById("slidetry").innerHTML = a;
}
</script>

HTML

<form  name="form" method="post"  action="index.php">
<input type="submit" value="ON" name="on" style="height:40px; width:100px" onClick="Attempt()">
</form>

PHP代码取自www.raspberry-pi-geek.com

<?php
         $setmode17 = shell_exec("/usr/local/bin/gpio -g mode 17 out");
         if(isset($_POST['on'])){
                 $gpio_on = shell_exec("/usr/local/bin/gpio -g write 17 1");

         }
         else if(isset($_POST['off'])){
                 $gpio_off = shell_exec("/usr/local/bin/gpio -g write 17 0");

         }
 ?>