php - 如何使用 jquery 传递特定的 <li> 值

Question

我有一个 html 文件，比如-

HTML-index.php

<form name="myform" action="data.php">
  <ul>
    <li onclick=myform.submit();>
      <input type="hidden" name="soc" value="1">google</li>
    <li onclick=myform.submit();>
      <input type="hidden" name="soc" value="2">facebook</li>
    <li onclick=myform.submit();>
      <input type="hidden" name="soc" value="3">twitter</li>
    <li onclick=myform.submit();>
      <input type="hidden" name="soc" value="4">none</li>
  </ul>
</form>

data.php

<?php
$val = &_POST["soc"];
echo $val;
?>

在这里，如果我点击其中任何一个，它只会传递最后一个 <li>值 4。 我只想得到这个 <li>我点击的值。
我的意思是说，如果我点击 facebook，那么我可以在 data.php 文件中获取值“2”。

Answer 1

代替 form 只需使用带有 url 参数的 a 标签，这可能是更好和最简单的方法

HTML:

<ul>
  <li> <a href="data.php?soc=1">google</a>
  </li>
  <li> <a href="data.php?soc=2">google</a>
  </li>
  <li> <a href="data.php?soc=3">google</a>
  </li>
  <li> <a href="data.php?soc=4">google</a>
  </li>
</ul>

PHP:

<?php
$val = $_GET["soc"];
echo $val;
?>