javascript-一键提交多个表单

我知道这个问题已经问了很多,但似乎没有答案.如果我真的很傻,很抱歉,但是我已经被困了一天.

我想选择一个表行(见下文),然后删除该用户.由于我想使用多种形式与表格进行交互,因此无法将它们放在一种形式中.

$("#clickMe").click(function () {
		$(".myForms").trigger('submit');
	});
	
	$('.myForms').submit(function () {
    console.log("SWAGGG");
    return false;
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="listForm" action="index.php?p=admin" method="POST">
  <?php

$userQuery = "SELECT * FROM usr2";
$row_userQuery = $dbportal->query($userQuery);
if(isset($row_userQuery) && !empty($row_userQuery))
{
//row[0] = ID
//row[1] = username(abbrevation)
//row[2] = admin? 0=normale user 1=admin
echo' <table id="myTable" class="table table-striped">
<tr><td></td><td>User ID</td><td>username</td><td>Role</td></tr>';
foreach ($row_userQuery as $row)
{
echo' <tr> 
<td id="tdSelect"> <input type="checkbox" name="selectedUser[]" value="'. $row[0] .'" />
<td>'. $row[0] .'</td>
<td>'. $row[1] .'</td>
<td>'. $row[2] .'</td>
</tr>';

}
echo'</table>';
}

?>
  <input type="hidden" name="action" value="listForm">
</form>

<form id="deleteForm" class="myForms" action="index.php?p=admin" method="POST">
					<div class="leftTextBox">
						<p>user ID:</p>
						<p class="margin">gebruikersnaam:</p>
					</div>
					<div class="rightTextBox">
						<input class="form-control" type="text" name="userID" placeholder="user ID">
						<input class="form-control" type="text" name="login" placeholder="gebruikersnaam" style="margin-top: 8px;">
					</div>
    				<input type="hidden" name="action" value="deleteForm">
					</form>
						<button id="clickMe" class="btn btn-default" style="margin-top:5px;float:right;">Delete user</button>

我敢肯定,这只是我的职责,但可以帮助您.
另外,我安装了ajaxForm插件.

解决方法:

根据定义,“提交”是指向新URL的跳转.您知道一次只能一次完成一种表格.

但是,我们在这里说的是普通的“提交”,您不必使用普通的提交即可从表单获取信息并对其执行操作.

由于您正在使用JQuery,因此可以使用它.看看ajax调用.例如在这里：

http://api.jquery.com/jquery.post

查找名为以下示例：使用ajax发布表单并将结果放入div中,您将在其中找到有用的代码.它显示了如何获取表单中字段的值.

标签：buttonclick,forms,javascript,php,jquery
来源： https://codeday.me/bug/20191028/1954084.html