获取li的值作为链接点击

时间:2017-04-20 07:02:15

标签: javascript php html

我收到了几个li元素并将其用作welcome.php的链接。在welcome.php我需要知道点击了哪一个。

     <ul>
     <li><a href='welcome.php'>sport</a></li>
     <li><a href='welcome.php'>relax</a></li>
     <li><a href='welcome.php'>gym</a></li>
     </ul>

我不能使用jquery。还有其他办法吗?

4 个答案:

答案 0 :(得分:2)

最简单的方法是将查询参数附加到您的链接:

 <ul>
 <li><a href="welcome.php?category=sport">sport</a></li>
 <li><a href="welcome.php?category=relax">relax</a></li>
 <li><a href="welcome.php?category=gym">gym</a></li>
 </ul>

答案 1 :(得分:1)

您可以将值合并到链接中并使用PHP来获取它们

<a href="welcome.php?x=sport">

其中x是你在php中使用它的变量:

$x = $_GET["x"];

您需要对所有其他链接执行相同操作。但你只需要一次获得价值

我发布这篇文章有点太晚了,但我认为我可能会有更好的解释,所以我要保留它

答案 2 :(得分:0)

我使用简单的html和Javascript为您准备了一个解决方案:

<html>
<body>
<ul>
 <li><a href='welcome.php' id="sport">sport</a></li>
 <li><a href='welcome.php' id="relax">relax</a></li>
 <li><a href='welcome.php' id="gym">gym</a></li>
</ul>
</body>

<script>
    var el = document.getElementById('sport');
    el.onclick = showMsg1;

    var el = document.getElementById('relax');
    el.onclick = showMsg2;

    var el = document.getElementById('gym');
    el.onclick = showMsg3;

    function showMsg1() {
      //alert('Sport Clicked!');
      //Do what ever you want after click of "sport"
      window.location = "welcome.php?type=sport";
      return false;
    }
    function showMsg2() {
      //alert('relax Clicked!');
      //Do what ever you want after click of "relax"
      window.location = "welcome.php?type=relax";
      return false;
    }
    function showMsg3() {
      //alert('Gym Clicked!');
      //Do what ever you want after click of "Gym"
      window.location = "welcome.php?type=gym";
      return false;
    }
</script>

我相信这会对你有所帮助。谢谢:))

答案 3 :(得分:0)

您可以将$ _GET用于li的post值 我为你准备了一个例子

的index.php

<form action="welcome.php" method="post">
    <ul>
        <li><a href="welcome.php?var=sport">sport</a></li>
        <li><a href="welcome.php?var=relax">relax</a></li>
        <li><a href="welcome.php?var=gym">gym</a></li>
    </ul>
 </form>

的welcome.php

$var = $_GET["var"];
echo $var;