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>

但它在警告框中显示未定义

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

Answer 1

由于cat是a元素，因此它不具有value属性。如果可能有子元素，请使用textContent或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>

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

5 个答案: