Click to See Complete Forum and Search --> : Getting A Form to Change Links


Picarolio
07-28-2003, 02:02 PM
I have a form with a combo box of many regions with radio buttons beneath the box. I'm trying to use the following JavaScript to make the form give the selected Radio Button and Selected Combo Box, as parameters so that a specfic page will link the viewer to the appropriate site.

Form
<form method="POST" name="Network_Reports" onsubmit="return Get_Report();">

<p><b><a href="Network/Default.htm">Network</a></b></p>

<p><select size="1" name="Combo_Regions">
<option selected value="0">Please Select Your Region</option>
<option value="Atlanta">Atlanta</option>
<option value="Baltimore Metro">Baltimore Metro</option>
<option value="Western">Western</option>
</select></p>

<p><input type="radio" name="R1" value="Plus">Plus</p>
<p><input type="radio" name="R1" value="Classic">Classic</p>
<p><input type="radio" name="R1" value="Commercial">Commercial</p>

<p><input type="button" value="Get Report" name="B1" onClick="return Get_Report();"></p>

</form>


JavaScript

<script language="JavaScript">
<!--Begin
var link_to_report = "";

function Get_Report(){
if(document.Network_Reports.Combo_Regions.value=="Atlanta"){
if(document.Network_Reports.R1.value=="5 Plus"){
return lint_to_report = "Network/reports/Plus/Plus_Atlanta.xls"
}
}
}
// End -->


I'm trying to learn HTML and JavaScript in my spare time so any advise will be much appreciated.

THANKS!!

Exuro
07-28-2003, 02:54 PM
Try something like this:


function Get_Report(){
&nbsp;&nbsp;var region = document.Network_Reports.Combo_Regions.value;
&nbsp;&nbsp;var r1 = document.Network_Reports.R1.value;
&nbsp;&nbsp;if(region==0){
&nbsp;&nbsp;&nbsp;&nbsp;alert("Please select a region");
&nbsp;&nbsp;&nbsp;&nbsp;document.Network_Reports.Combo_Regions.focus();
&nbsp;&nbsp;}
&nbsp;&nbsp;else {
&nbsp;&nbsp;&nbsp;&nbsp;parent.location = "Network/reports/" + r1 + "/" + r1 + "_" + region + ".xls";
&nbsp;&nbsp;&nbsp;&nbsp;// If r1 was "Classic" and region was "Western" then the page would
&nbsp;&nbsp;&nbsp;&nbsp;// go to "Network/reports/Classic/Classic_Western.xls"
&nbsp;&nbsp;}
}


You may also want to have one of the radio buttons so that it's select when the page loads. That would prevent errors with a null value for r1. You could do this by just adding checked="checked" to one of the radio button's tags. Hope that helps!