想要在两个urls中操作表单

Question

有没有办法在两个不同的urls中发布表单？我是工作支付网关，我想张贴在两个网址在某些条件下的形式。

这是密码..。

<h3>Page Redirection Request</h3>                                                                                                                                                                 
 <form action="https://sandbox.bankalfalah.com/SSO/SSO/SSO" id="PageRedirectionForm" class="PageRedirectionForm" method="post" novalidate="novalidate">
               
                                                                            
     <input type="radio" autocomplete="off" id="TransactionTypeId" class= "TransactionTypeId" name="TransactionTypeId"  value="Bank account"> Bank Account

     <input type="radio" autocomplete="off" id="TransactionTypeId1" class= "TransactionTypeId" name="TransactionTypeId"  value="Easypaisa"> Easypaisa
    
    

   Amount:  <input autocomplete="off"  id="TransactionAmount" name="TransactionAmount" class="TransactionAmount" placeholder="Transaction Amount" type="text" value="5000">                                                             
    <button type="submit" class="btn btn-custon-four btn-danger" id="run" class="run">RUN</button>                                                                                                            
 </form>   

让我解释一下整个场景..。这是一个支付整合的表单。我正在使用两个支付gateways.there，在表单中有两个无线选项，因为您可以see.if，我检查银行帐户，它应该去https://sandbox.bankalfalah.com/SSO/SSO/SSO，如果我检查easypaisa，它应该去https://easypay.easypaisa.com.pk/easypay/Index.jsf

它将如何发生？如果有人有解决办法，请告诉我。我会非常感激的。

​

​

Answer 1

您可以根据单选按钮的数据属性更改表单的action属性。

下面是一个简单的示例

​

function changeForm(e){
  var selectedValue = e.target.dataset.url;
  document.getElementById("myForm").action = selectedValue;
  console.log(selectedValue)
}

document.querySelectorAll("input[name='fieldName1']").forEach((input) => {
    input.addEventListener('change', changeForm);
});

<h3>Page Redirection Request</h3>                                                                                                                                                                 
 <form action="" id="myForm">
               
                                                                            
     <input type="radio" name="fieldName1" value="Type 1" data-url="google.com"> Google    
     <input type="radio" name="fieldName1" value="Type 2" data-url="facebook.com"> Facebook
                                                                     
 </form>  

​

Answer 2

您可以使用下面的代码

​

 function myFunction2() {
    var checkBox = document.getElementById("myCheck2");
    var text = document.getElementById("text2");
    
  if (checkBox.checked == true) {
        text2.style.display = "block";
    }
  
    if (checkBox.checked == false) {
        text2.style.display = "none";
    }
 }

 function myFunction1() {
    var checkBox = document.getElementById("myCheck1");
    var text = document.getElementById("text1");

    if (checkBox.checked == true) {
        text1.style.display = "block";
    }

    if (checkBox.checked == false) {
        text1.style.display = "none";
    }
 }

    <p>Display some text when the checkbox is checked:</p>
    
    <label for="myCheck2">Bank2:</label> 
    <input type="checkbox" id="myCheck2" onclick="myFunction2()" />
    
    
    <label for="myCheck1">Bank1:</label> 
    
    <input type="checkbox" id="myCheck1" onclick="myFunction1()" />
    
    
    <p id="text2" style="display:none">< a href="">Bank2</a></p>
    
    <p id="text1" style="display:none">< a href="">Bank1</a></p>

​