web-dev-qa-db-fra.com

Envoyer l'identifiant Div à javascript via onclick

J'ai une page avec plusieurs div. Tous les divs ont un identifiant unique. Je voudrais envoyer cet identifiant à une fonction javascript. J'ai également essayé de l'enregistrer en tant que valeur et d'envoyer this.value, mais cela ne fonctionne pas non plus.

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

Voici une réponse 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>
34
Brandon Boone

Jetez un œil à deux façons de résoudre ce problème

<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>
7
Arun P Johny

Utilisez onclick="updateRecord(this)" et gérez-le comme ceci:

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

Vous pouvez attribuer une valeur de variable php à une valeur de variable javascript. Ensuite, vous pouvez utiliser l'exemple onclick:

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

    </script>

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

Ici, nous pouvons passer la variable javascript pour fonctionner.

2
adil hashmi

Que diriez-vous de passer this.id à la fonction javascript?

0
Henk