Home / Questions / 129742
Accepted
Pedro
Asked: 2020-01-09 19:22:22 +0800 CST 2020-01-09 19:22:22 +0800 CST

如何从另一个动作执行按钮？

  • 772

我有贝宝付款表格

<form name="form1" method="https://www.sandbox.paypal.com/cgi-bin/webscr">
<!-- Resto de input -->

<!-- Botón que ejecuta el direccionamiento al pago paypal-->

<input type="submit" value="paypal sandbox">

</form>

但是我想从另一个动作中执行这种input类型，我在表单（ ）之外有一个链接，所以我想要实现的是当我点击以下链接时：submitform

<a class="checkout" onclick="proceso(2)">Continuar</a>

这将执行以下操作：

<input type="submit" value="paypal sandbox">

使用 jQuery 或其他控件。

html5

2 Answers

  1. Best Answer

    您可以使用相同的属性onclick并通过以下两种方式获取属性form并提交表单来实现它：

    <a class="checkout" onclick="process(2); $('form').submit();">continue</a>

    现在，如果您想要在同一页面上执行操作的多个表单，您可以使用不同的选择器来识别它们。

    • 班级.
    • ID#
    • 名称属性 ( name) 等

    添加到表单的示例id= Myform1

    <a class="checkout" onclick="process(2); $('form#Myform1').submit();">continue</a>

    另一个例子：

    <a class="checkout" onclick="process(2); $('[name=form1]').submit();">continue</a>

    第二种方式是执行submit表单内部的按钮，如下：

    <a class="checkout" onclick="process(2); $('[type=submit]').trigger('click');">continue</a>

    我在不同的过程中为您留下了两个与之相关的主题：

    • 3

  2. 您可以为提交类型的按钮提供一个 ID，例如：“发送”。

    然后，要使该按钮从另一个操作中执行，您可以使用 JavaScript 通过以下方式执行此操作：

    在你提到的链接上放一个事件监听器，这样你监听的事件就是“点击”事件。为此，您需要在链接中添加一个 ID。然后，当单击链接时，也会触发按钮的单击事件。为了操作按钮，你还需要给它一个 ID。这就是为什么我建议称它为“发送”。

    你应该有类似的东西：

    //Con JQuery sería algo así:
$("#continue").on("click", function(e){
  //Con esta instrucción haces que se ejecute el botón que envía el formulario.
  $('#send').click();
});


//Sin JQuery así:
document.getElementById("continue").addEventListener("click", function(e) {
  document.getElementById('send').click();
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form name = "form1" action = "https://www.sandbox.paypal.com/cgi-bin/webscr" method = "POST">
  <!-- Resto de input -->
  <!-- Botón que ejecuta el direccionamiento al pago paypal-->
  <input type = "submit" id = "send" value = "paypal sandbox">
</form>

<a class="checkout" id = "continue">Continuar</a>

    此外，您要将数据发送到的 URL 位于表单的“操作”属性中。在“方法”属性中，方法。我想这将是POST。使用你需要的那个。

    • 1