通过onclick将Div id发送到javascript

时间:2010-08-02 16:22:32

标签: javascript html onclick

我有一个包含几个div的页面。所有的div都有一个独特的id。我想将该id发送到javascript函数。我试图将它保存为值,并发送this.value,但这也不起作用。

<div class='recordElem$val' id='$rname' value='$rname'
onclick='javascript:updateRecord(this.value);'>
        $name</div>"

5 个答案:

答案 0 :(得分:34)

这是一个jQuery答案

  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

  <script type="text/javascript">
   function clicked(item) {
    alert($(item).attr("id"));
   }
  </script>


  <div onclick="clicked(this);" id="test">test</div>

答案 1 :(得分:7)

看看解决这个问题的两种方法

<html>
<body>
    <div id="scopeId" onclick="javascript:testScope.call(this)">Using scope</div>
    <div id="parameterId" onclick="javascript:testId(this.id)">Using Parameter</div>
    <script>
        function testScope(){
            alert("Scope: " + this.id)
        }
        function testId(id){
            alert("Parameter: " + id)
        }
    </script>
</body>
</html>

答案 2 :(得分:2)

使用onclick="updateRecord(this)"并按照以下方式处理:

function updateRecord(div) {
  // statements
  var id = div.id; // or however you want to use the id
  // statements
}

答案 3 :(得分:2)

您可以将php变量值分配给javascript变量值。然后你可以用它来点击它 例如:

<script language="javascript">
    var a=<?php echo $tabs['menu_id']; ?>

    </script>

    <a href="index.php" onclick="show_center(a);">pass it</a>

这里我们可以将javascript的变量传递给函数。

答案 4 :(得分:0)

如何将this.id传递给javascript函数?