微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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中,您将在其中找到有用的代码.它显示了如何获取表单中字段的值.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐