javascript - 创建动态按钮 ID 并将 ID 发送到 JavaScript 函数。 JavaScript 函数不接受

Question

尝试为按钮添加动态 ID

  echo "<input type='button' id='$butid' class='btn btn-info' data-target='#prodetails' onclick='show($butid)' value='Details'>";

在我编写的 javascript 函数中

   <script>
           function show(x)
           {

               document.getElementById("prodetails").innerHTML=x;
           }
   </script>

无法接收函数调用中传递的值。传递的值是 varchar，将输出作为 [object HTMLInputElement]

Answer 1

<input type='button' id=<?= $yourId ?> class='btn btn-info' data-target=<?= $dataYouWantToSend ?> onclick=show(this) value='Details'>


<script>
           function show(x)
           {

               x.innerHTML=x.data-target;  //data-target is equal to the data you want to send to function this will add innerHTML = your dynamic data 
               console.log(x.id); //here you will get your dynamic id

           }
   </script>

按照上面所示修改你的代码，它肯定会工作，看到你不能在 php“echo” 中编写 html 代码，而是应该在 HTML 中找到你想要 php 代码的地方

第二件事假设您想将数据发送到函数，然后将数据分配给新属性，就像您编写的数据目标

并传递函数“This”，这意味着当前元素，在您的情况下是其按钮

然后通过“.”运算符访问您的数据和 ID，例如x.id

希望对你有帮助:)

记住:<?php echo "HII" ; ?>可以写成<?= "Hii" ?>