Question

我有一个用于链接到特定paypal页面的表单。它使用隐藏字段生成页面。

以下是原始表格：

<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="K2D7T7AWDFWT8">
  <input type="image" src="/images/logos/donate/paypal.svg" border="0" name="submit">
</form>

但是，我想让提交工作在何时单击div而不是图像。我试过把名字改为＆＃34;提交＆＃34;在div上，而不是图像，但它似乎不起作用。

<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="K2D7T7AWDFWT8">
  <div name="submit">
    <span class="glyphicon glyphicon-usd"></span>
    <span class="donate-text">Donate</span>
  </div>
</form>

关于如何做到这一点的任何想法？所有人都非常感谢....

Answer 1

名=＆＃34;提交＆＃34;不等于type =＆＃34;提交＆＃34; 而不是写作

<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="K2D7T7AWDFWT8">
  <div name="submit">
    <span class="glyphicon glyphicon-usd"></span>
    <span class="donate-text">Donate</span>
  </div>
</form>

我认为你应该写：

<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="K2D7T7AWDFWT8">
  <div>
    <span class="glyphicon glyphicon-usd"></span>
    <span class="donate-text"><button type="submit">Donate</button></span>
  </div>
</form>

Answer 2

只需设置提交而不是div：

input[type="submit"]{width:100px;height:35px;background:red;border:1px solid #000;} etc.

Answer 3

我遇到的解决方案是创建一个隐藏的表单：

<form id="paypal-form" class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="{{paypal_id}}">
</form>

然后在div上放置一个ng-click（我使用angularjs），然后在这个隐藏的表单上调用提交，如下所示：

document.getElementById('paypal-form').submit();

这很好地解决了这个问题。有点hacky但是......

使用Div为Form提交值

3 个答案: