Display form based on radio button selection 1

rjseals · Dec 14, 2005

I have two different login systems login A and login B. So if possible I want to have two radio buttons that will display a login form (username and password) but send the login information to different places based on the radio that is selected. So for instance if A is selected when the user enteres their username and password it will send their information to /A/login.html or if b /B/login.html.

Thanks!

kaht · Dec 14, 2005

use the form's onsubmit handler to switch the action tag of the form depending on what was checked:

Code:

<script type="text/javascript">
function blah(theForm) {
   var radios = theForm.elements["rad"];
   if (radios[0].checked) {
      theForm.action = "./a/login.html";
   }
   else {
      theForm.action = "./b/login.html";
   }
   return true;
}
</script>
<body>
<form method="post" id="frm" onsubmit="return blah(this)" action="">
   <input type="radio" value="a" name="rad" />a<br />
   <input type="radio" value="b" name="rad" />a<br />
   <input type="text" id="txt"><br />
   <input type="submit" value="submit me">
</form>
</body>

-kaht

How much you wanna make a bet I can throw a football over them mountains?

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Display form based on radio button selection 1

rjseals

Technical User

kaht

Programmer

Similar threads

Part and Inventory Search

Sponsor