javascript - 单击时使用 javascript 提交表单

Question

我只是 html 和 javascript 的新手。我有一个这样的表格

<form id="add-to-cart" action="http://example.com/test" method="post">
  <div>
    <input type="hidden" name="cartkey" value="">
    <input type="hidden" name="id" value="1">
    <a href="#" onclick="" class="try-now-button">add to cart</a>
  </div>
  <div>
    <input type="hidden" name="cartkey" value="">
    <input type="hidden" name="id" value="3">
    <a href="#" onclick="" class="try-now-button">add to cart</a>
  </div>
  <div>
    <input type="hidden" name="cartkey" value="">
    <input type="hidden" name="id" value="9">
    <a href="#" onclick="" class="try-now-button">add to cart</a>
  </div>
</form>

我希望当单击按钮时，将为该按钮提交值。假设我点击了第三个按钮，您可以在最后一个按钮中看到值是 9。所以我想提交值 9。那么有人可以告诉我该怎么做吗？我的表单中有超过 10 个这样的按钮。我这里刚用了3个

Answer 1

表单中的所有值都将被提交，给出 id，以便您可以使用这些 id 获取值

request.getparameter("idname"); // if you are using java

<form id="add-to-cart" action="http://example.com/test" method="post">
   <div>
      <input type="hidden" name="cartkey" value="">
      <input type="hidden" name="id" **id="cartkeyid1"** value="1">
      <a href="#" onclick="" class="try-now-button">add to cart</a>
   </div>
   <div>
      <input type="hidden" name="cartkey" value="">
      <input type="hidden" name="id" **id="cartkeyid2"** value="3">
      <a href="#" onclick="" class="try-now-button">add to cart</a>
   </div>
   <div>
      <input type="hidden" name="cartkey" value="">
      <input type="hidden" name="id" **id="cartkeyid3"** value="9">
      <a href="#" onclick="" class="try-now-button">add to cart</a>
   </div>
</form>

这样您就可以获得所需的值。

希望这有帮助!