javascript - 一键提交多表单

Question

我知道这个问题已经被问了很多，但似乎没有适合我的答案。对不起，如果我真的很笨，但我已经被困了一天了..

我想选择一个表行(见下文)，然后删除该用户。因为我想有多种形式与表格进行交互，所以我不能将它们放在一种形式中。

$("#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 插件。

Answer 1

根据定义，“提交”是跳转到新 URL。您知道一次只能对一种形式进行此操作。

但是，我们在这里谈论的是正常的“提交”，您不必使用正常的提交来从表单中获取信息并对其进行操作。

因为您使用的是 JQuery，所以您可以使用它。看看ajax调用。例如这里:

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

查找名为:使用 ajax 发布表单并将结果放入 div 的示例，您会在那里找到有用的代码。它向您展示了如何获取表单中字段的值。