Home/ Questions/Q 5933829
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T15:01:43+00:00

When I click Submit Second, the page goes to first.html. I want it to

  • 0

When I click “Submit Second,” the page goes to first.html. I want it to go to second.html

index.html

<body onload="secondForm();">
<script type="text/javascript">
function ajaxRequest(){
var activexmodes=["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] // activeX versions in IE
if (window.ActiveXObject){ // test support for ActiveXObject in IE
    for (var i=0; i<activexmodes.length; i++){
        try{
            return new ActiveXObject(activexmodes[i])
        }
        catch(e){
            // suppress
        }
    }
}
else if (window.XMLHttpRequest) // mozilla,safari,chrome,opera
    return new XMLHttpRequest()
else
    return false
}
function secondForm(id) {
var mygetrequest=new ajaxRequest()
mygetrequest.onreadystatechange=function() {
    if (mygetrequest.readyState==4) {
        if (mygetrequest.status==200 || window.location.href.indexOf("http")==-1) {
            document.getElementById("secondForm").innerHTML=mygetrequest.responseText
        }
    }
}
mygetrequest.open("POST", "secondForm.html, true)
mygetrequest.send(null)
}
</script>

<form method="POST" action="first.html" id="firstForm">
<span id="secondForm"></span>
<input type="submit" value="Submit First">
</form>

secondForm.html

<form method="POST" action="second.html" id="secondForm">
<input type="submit" value="Submit Second">
</form>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a form within a form, the outer form gets processed on submit.

    Also I would suggest using a library for your ajax requests, i use jQuery:

    $('#secondForm').load('secondForm.html');

    Change you HTML so this would work:

    <form method="POST" action="first.html" id="firstForm">
   <input type="submit" value="Submit First">
</form>

<span id="secondForm"></span>

    secondForm.html 

    <form method="POST" action="second.html" id="secondFormID"> <-- use a different ID
   <input type="submit" value="Submit Second">
</form>
    • 0