correct javascript

somsahi · Joined: 22 Aug 2006 Posts: 6

Hi expected functionality -
I have two drop down .when value in one drop down is chosen other should show select and when value is chosen in second first one should automatically switch to select.
so to get this i have used following javascript.

present functionality-as soon as value from one dropdown the other swtiches to select just for moment then it takes previous value.the select should be stable not for seconds

<script language="javascript">
function submitRegion()
{

document.facilityForm.facility.selectedIndex = "0";
var ind = document.regionForm.region.selectedIndex;

if ( ind == 0)
{
alert('Please select the required region ..');
return;
}
else
{
document.regionForm.submit();
}
}
</script>

<script language="javascript">
function submitFacility()
{document.regionForm.region.selectedIndex = "0";

var ind = document.facilityForm.facility.selectedIndex;

if ( ind == 0)
{
alert('Please select the required facility ..');
return;
}
else
{
document.facilityForm.submit();
}
}
</script>

</HEAD>

<BODY >
<div class="menu" id="menubar">


<html:link action="/nation">National Audit Report</html:link>
<br></br>

<h1 style="font-size:12px">Regional Audit Report</h1>

<html:form action="/regionalauditreports">
Region: <html:select style="width:95px;" property="region" name="regionForm" size="1" onchange="submitRegion()">
<html:option value="0">SELECT</html:option>
<html:options property="regionList" name="regionForm" />

</html:select>
</html:form>
<br></br>
<h1 style="font-size:12px">IATA Audit Report</h1>


<html:form action="/iata">
Facility: <html:select property="facility" name="facilityForm" size="1" onchange="submitFacility()">
<html:option value="0">SELECT</html:option>
<html:options property="facilityList" name="facilityForm" />
</html:select>
<br></br>
</html:form>

<br></br>
<html:link page="/help.jsp">Help</html:link>

</div>

</BODY>
</html:html>