Hi I have a jsp file containing two different forms(means two drop down) with two javascript function and default value for both drop down is
SELECT.
expected functionality-is when I select from region form ,facility form should have only "select" and as soon as select value from region, facility value should be shifted to select
present functionality-if i select value from region drop down ,facility value also changes from select.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ page errorPage="error.jsp" %>
<html:html>
<HEAD>
<%@ page
language="java"
contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"
%>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META name="GENERATOR" content="IBM WebSphere Studio">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="../theme/Master.css" rel="stylesheet"
type="text/css">
<TITLE></TITLE>
<script language="javascript">
function submitRegion()
{
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()
{
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">
<!--
<%String name = (String) request.getAttribute("name");
//out.write(name);
%>
-->
<html:link action="/nation">National Audit Report</html:link>
<br></br>
<h1 style="font-size:12px">Regional Audit Report</h1>
<!-- <html:link action="/regionalauditreports">Regional Audit Report</html:link>
<<br></br>-->
<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:link action="/iata">IATA Audit Report</html:link>
<br></br>-->
<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>
