Question

当用户单击按钮时，我试图显示和隐藏表格。我使用JavaScript的addEventlistener()来实现此目的，但是当我单击按钮时，该表仅出现一小段时间。其他一切都按预期工作。

var btn = document.querySelector(".btn");
var tb = document.querySelector("table");
tb.style.display = "none"
btn.addEventListener("click", function(){
    tb.style.display = "block"
});

<?php   
    global $resul;
    global $query;
    error_reporting(E_ERROR|E_PARSE);

    $row = mysqli_fetch_array($resul);
    echo "<tr><td>".$row["id"]."</td><td>".$row["np"]."</td><td>" 
                   .$row ['center']."</td><td>".$row['mg'].
                   "</td><td>".$row["decs"]." "."</td></tr>";

    echo "</table>";
?>

Answer 1

从您发布的代码中很难分辨出来（需要更多详细信息），但是由于您指定要使用“提交”按钮来执行此操作，因此我建议您将<button type="submit"...>标签更改为{ {1}}。

我还建议您将JS事件监听器函数更改为：

接收<button type="button"...>对象
```
event
```
通过添加
来防止btn.addEventListener("click", function(event){ ... }的默认行为
```
button
```

对于您的JS侦听器函数，我总是将其放在函数代码的第一行。

再次发布有关代码的更多详细信息，以便为您提供答案。

javascript eventlistener无法与php一起使用

1 个答案: