javascript - 提交不会提交表格

Question

我似乎无法让提交按钮工作。当我点击它们时，它们根本不会做任何事情。他们工作了，然后就没有了。可能是什么问题？

<form id="contact" name="updateorder" action="updateorder.php" method="post">
    <h6>Update Order</h6>
	<br>
    <fieldset>
      <input placeholder="Order #" type="text" name="orderid" tabindex="1" id="fieldid" value="<?php echo $_GET['id'];?>" required autofocus>
    </fieldset>
	  <hr><br><br>
		  <fieldset>
  <select name="status" style="width:100%; height:40px;">
  <option value="Received" name="received">Received</option>
  <option value="In Transit" name="transit">In Transit</option>
  <option value="At Store" name="store">At Store</option>
  <option value="Drop Off Location" name="location">Drop Off Location</option>
	<option value="Delivered" name="delivered">Delivered</option>
</select>
    </fieldset>
	  <fieldset>
      <button id='contact' form="updateorder" name="submit" type="submit" data-submit="...Sending">Update Status</button>
		  </fieldset>
	</form>
	<hr>
	  <form id="contact" name="updatetotal" action="updatetotal.php" method="post">
		  <fieldset>
      <input placeholder="Order #" type="hidden" name="orderid" tabindex="1" id="fieldid" value="<?php echo $_GET['id'];?>" required autofocus>
    </fieldset>
	  <fieldset>
		  <input placeholder="Update Total" type="text" name="total">
	  </fieldset>
		  <fieldset>
		<button id='contact' form="updatetotal" name="submit" type="submit" data-submit="...Sending">Update Total</button>
    </fieldset>
  </form>
	<hr><br>
	<form id="contact" name="updatepay" action="updatepay.php" method="post">
 <fieldset>
  <select name="status" style="width:100%; height:40px;">
  <option value="Not Paid" name="notpaid">Not Paid</option>
  <option value="Pending..." name="pending">Pending</option>
  <option value="Paid!" name="paid">Paid</option>
	 </select>
	 <br><br>
	 <fieldset>
		<button id='contact' form="updatepay" name="submit" type="submit" data-submit="...Sending">Payment Status</button>
    </fieldset>
	 </form>

如果可以的话，我会让每个按钮在相同的表单上提交，但提交到不同的操作，但显然这是不可能的。所以这是我能想到的唯一方法。

或者如果我可以通过一个按钮来更新 sql，但我需要指定要更新哪一个，但我不知道该怎么做。

非常感谢任何帮助，谢谢大家。

Answer 1

首先，ID 是文档中的唯一字符串。具有相同 ID 的多个表单并不是正确的 html。如果它们是通过 ID 设置样式的，请使用类。他们仍然需要拥有不同的身份证件。另外，按钮的 ID 与其表单相同也不是正确的 html。

要回答您的问题，您可以根据按钮提交不同的操作，但您需要在 JavaScript 中处理该操作。或者，如果您使用不同的名称命名您的提交(顺便说一句，各个控件也不应该相同)，您可以给它们值，

示例:

<button id='uniqueID' name="submitPaymentStatus" value="do_paymentStatus" type="submit" data-submit="...Sending">Payment Status</button>

然后您可以将单个 php 页面作为操作并测试页面中的该值

if (isset$_POST['submitPaymentStatus']))
    //do whatever you have in updatepay.php

就这样吧!如果您有疑问或需要更多帮助，请告诉我!