时间戳

首页 > 解决方案 > 链接 onclick 不提交表单

javascript - 链接 onclick 不提交表单

问题描述

我有一个 db 记录回显并格式化在一个表中，每个表行上都有一个删除链接（图标），当数据从 db 中获取时，用 while 循环进行索引。单击删除图标时，我希望特定的索引行从 db 和 table 中删除。这是我的代码：

<script>
function submitForm(){
document.getElementById("myform").submit()
}</script>
</head>
<body>
<table>
<tbody>

 <?php 

$rowIndex = 0;
while($row = mysqli_fetch_row($result){
 $user = $row[0];
 $address=$row[1];
 $phone = $row[2];
echo '<tr>
<td>'.$user.'</td>
<td>'.$address.'</td>
<td>'.$phone.'</td>
<td><a href="" onclick="javascript: submitForm()">Delete(icon)</a>
</tr>'
$rowIndex+=1;

}
?>
</tbody>
</table>
<form method ="post" id ="myform" action ="test.php" >
<input type="hidden" name="del">
</form>

在单击“删除”链接时，我希望 javascript 提交表单并移至“test.php”（虽然我打算保持在同一个表单上，但这样我就会知道我的表单实际上已经提交了）。请任何帮助将不胜感激。

标签： javascriptphp

解决方案

<!DOCTYPE html>
<html>
<head>
<title>test javascript form test </title>
</head>
<body>
<form action="#" method="post">
<label>Username</label>
<input type="text" id="name"><br>
<label>Password</label>
<input type="password" id="password"><br>
<button onclick="data()" type="button">Submit</button>
</form>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script>
function data(){
   var name = $("#name").val();
   var pass = $("#password").val();
   alert(name);
   alert(pass);
}
</script>
</body>
</html>

推荐阅读