php - 将链接值传递给 ajax 函数 onclick 事件

Question

我有一个包含一些数据的链接

例如

<li><a href="" onclick="getcategory(this);"><?php echo $result22['category']; ?></a></li>

我希望这个链接将此$result22['category'];值传递给 ajax 函数我正在尝试这个

<script type="text/javascript">
function getcategory(cat)
{
var id = cat.value;
alert("hi" + id);
}
</script>

但它在警报框中显示 hi undefined

做错了什么？$result22['category'];在警告框中没有得到正确的值

Answer 1

由于cat是一个a元素，它不会有一个value属性。使用textContentor innerText（或者innerHTML如果可能有子元素）：

function getcategory(cat) {
    var id = cat.textContent;
    alert("hi" + id);
}

通常只有具有 value 属性的表单控件（input例如元素）。

Answer 2

为什么不这样做呢？

<li><a href="" onclick="getcategory('<?= $result22['category']; ?>');"><?php echo $result22['category']; ?></a></li>

<script type="text/javascript">
function getcategory(content) {
  alert(content);
}
</script>

Answer 3

试试这个..

<li><a href="" id=<?php echo $result22['category']; ?> onclick="getcategory(this.id);"><?php echo $result22['category']; ?></a></li>

 <script type="text/javascript">
  function getcategory(cat)
  {
       //var id = cat.value;
       alert("hi" + cat);
  }
  </script>

Answer 4

如果您不使用单独的 javascript 文件来绑定 onClick 处理程序，我会建议您输出到函数中：

<li>
    <a href="" onclick="getcategory('<?php echo $result22['category']; ?>');">
        <?php echo $result22['category']; ?>
    </a>
 </li>

Answer 5

<a href="" onclick="getcategory(this); return false;">hello</a>
<script type="text/javascript">
    function getcategory(ele) {
        var id = ele.innerHTML;
        alert(id);
    }
</script>