Question

有没有办法通过onclick事件将值属性从HTML端传递给JavaScript函数？

HTML / PHP的

echo '<a href="#" class="ListOfStuff" value="' . $varVal . '" onclick="doFunction(this.value)"></a>';

的javascript

<script>
    doFunction(value){
         alert(value);
    }
</script

this.value未定义。 This.id是我过去处理它的方式，但现在我正在动态编写带有类名的列表，我不太清楚如何从HTML传递值。这= [object OBJECT]和this.value未定义。如果我使用ID而不是类，我可以获得值。我做错了什么？

Answer 1

或者，您可以使用getAttribute方法获取值。例如：

<?php

$varVal = 100;
echo '<a href="#" class="ListOfStuff" value="' . $varVal . '" onclick="doFunction(this.getAttribute(\'value\'))">test</a>';

?>

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

Answer 2

JSBin

这样的事情对你有用吗？（使用getAttribute）

<强> HTML

<a href="#" value="myName" id="anchor" >LINK</a>

<强> JS

  var a = document.getElementById("anchor");
a.addEventListener("click", function(event){
  event.preventDefault();
  alert(this.getAttribute("value"));
}, false);

通过onclick事件将值属性数据从HTML端传递给JavaScript函数

2 个答案: