Question

PHP判定被点击A标签的ID来显示相应内容

如题。
比如说。
<a href="#1" id="btn1">第一个按钮</a><a href="#2" id="btn2">第二个按钮</a>
<div>这里有很多很多的内容。。。</div>
<img src="#1"/> （就是这里了，比如说我点了“第一个按钮ID为btn1”，那这里的图片路径为#1。现在我想回到页面的上方，点下“第二个按钮ID为btn2”，那我下方的这个图片路径就改变为#2，前提是页面不发生跳转或刷新。）
这里我改怎么写。求给个思路，最好能直接带一段判定代码。

Answer 1

<script language="javascript">
//更改图片路径
function changeImg (obj) {
if(obj.id == "btn1") {
document.getElementById('imgshow').src="#1";
}
if(obj.id == "btn2") {
document.getElementById('imgshow').src="#2";
}
}
</script>

//两个按钮增加onclick点击事件
<a href="#1" id="btn1" onclick="changeImg(this);">第一个按钮</a>
<a href="#2" id="btn2" onclick="changeImg(this);">第二个按钮</a>
//给图片设置个id
<img src="#1" id="imgshow" name="imgshow">

Answer 2

你可以用javascript:void(0);return false;阻止跳转。

你可以这样子,给每个链接添加onclick事件，执行的函数是setImg，参数为图像的链接，然后给img标签添加个id，然后用javascript设置src属性就行了：

<a href="javascript:void(0);return false;" onclick="setImg('#1')" id="btn1">第一个按钮</a>

<a href="javascript:void(0);return false;" onclick="setImg('#2')" id="btn2">第二个按钮</a>

<div>这里有很多很多的内容。。。</div>

<img id='myImg' src="#1"/>

javascript代码如下：

<script type="text/javascript">
function setImg(data){
  document.getElementById("myImg").src = data;
}
</script>

不懂可以追问或者私信我

追问

思路我懂了，但是如果并不是单独一张图片，而是改成十几二十张图片的话该怎么办

追答

可以说得具体点吗？不太明白你的意思

Answer 3

判定ID用JS