Question

我想给每个按钮一个不同的值，所以当有人单击按钮时，我会知道它所具有的值是单击了哪个按钮。由于存在很多值，因此我从数据库中获取了数据并动态创建了按钮。

问题：我想测试php块是否成功，所以我通过Inspect元素检查了每个按钮的正确值，但是我不知道如何从动态生成的按钮中执行特定操作。

<?php
            while($course = mysqli_fetch_assoc($record)){
                echo "<p>".$course['course_title']."</p>";
                echo "<p>".$course['course_code']."</p>";
                echo "<button value=".$course['id']. " id='submitbt' name='submitbt'>Select</button>";  
            }
        ?>

我尝试使用它来了解click事件是否有效，但仅适用于第一个按钮。对于其他按钮不起作用。

$("#submitbt").click(function(){
            alert(this.value);
        });

Answer 1

这是因为您试图对多个元素使用相同的id属性，因此每个id只能使用一次。

将按钮标记更改为此。

echo "<button value=".$course['id']. " class='submitbt' name='submitbt'>Select</button>";

然后在jQuery中可以编写。

$(".submitbt").click(function(){
    // do something
});

请注意，jQuery使用.submitbt来引用所有具有.submitbt类的元素

从动态生成的按钮获取响应

1 个答案: