How to pass values from struts select tag to another struts tag?

Hello all,

I have a jsp page that uses struts 2 tags. I am wondering how to hide / display the textfields based on the value of the select tag. For example. Lets say there is a list having A, B and C. I get the value from the action class, say B. Based on this value B, the textbox is hidden or not...

Any Idea on how I implement it???

here is my jsp page.....
Please note that function hideOthers() will work only when we click on the select box......

<%@ include file="/common/taglibs.jsp" %>

function hideOthers()
        {
           form = document.forms[0];
         var headerSelect = form.maritalStatus1.options[form.maritalStatus1.selectedIndex].value;
 
         if (headerSelect == -1)
	 {
	       	document.getElementById("mfDiv").style.display = "none";
                document.getElementById("mfDiv1").style.display = "none";
                document.getElementById("mfDiv2").style.display = "none";
                document.getElementById("mfDiv3").style.display = "none";
                document.getElementById("mfDiv4").style.display = "none";
		document.getElementById("mfDiv5").style.display = "none";
                document.getElementById("mfDiv6").style.display = "none";
                document.getElementById("mfDiv7").style.display = "none";
                document.getElementById("mfDiv8").style.display = "none";
                document.getElementById("mfDiv9").style.display = "none";
            }

if (document.getElementById("maritalStatus1").value == "Single")
            {

document.getElementById("mfDiv").style.display = "none";
                document.getElementById("mfDiv1").style.display = "none";
                document.getElementById("mfDiv2").style.display = "none";
                document.getElementById("mfDiv3").style.display = "none";
                document.getElementById("mfDiv4").style.display = "none";
		document.getElementById("mfDiv5").style.display = "none";
                document.getElementById("mfDiv6").style.display = "none";
                document.getElementById("mfDiv7").style.display = "none";
                document.getElementById("mfDiv8").style.display = "none";
                document.getElementById("mfDiv9").style.display = "none";

}
            if (document.getElementById("maritalStatus1").value == "Married")
            {

document.getElementById("mfDiv").style.display = "";
                document.getElementById("mfDiv1").style.display = "";
                document.getElementById("mfDiv2").style.display = "";
                document.getElementById("mfDiv3").style.display = "";
                document.getElementById("mfDiv4").style.display = "";
		document.getElementById("mfDiv5").style.display = "";
                document.getElementById("mfDiv6").style.display = "";
                document.getElementById("mfDiv7").style.display = "";
                document.getElementById("mfDiv8").style.display = "";
                document.getElementById("mfDiv9").style.display = "";

}

</script>
</head>

<s:form id="memberForm" action="saveMember" method="post" validate="true">
<s:hidden name="member.id" value="%{member.id}"/>

<br/>
<table>
 <tr>
     <th>
         <fmt:message key="member.memberTypeName.firstName"/> <span class="req">*</span> :
     </th>
     <td>
         <s:textfield name="member.memberTypeName.firstName" required="true" cssClass="text medium" theme="simple"/>
     </td>
 </tr>
 <tr>
     <th>
         <fmt:message key="member.memberTypeName.lastName"/> <span class="req">*</span> :
     </th>
     <td>
         <s:textfield name="member.memberTypeName.lastName" required="true" cssClass="text medium" theme="simple"/>
     </td>
 </tr>
 <tr></tr>
 
 <tr>
     <th>
         <fmt:message key="member.personalDetails.maritalStatusType"/> <span class="req">*</span> :
     </th>
     <td>
         <s:select headerKey="-1" headerValue="--- Select Marital Status ---" key="member.personalDetails.maritalStatusType" list="maritalStatusList" name="maritalStatus" id="maritalStatus1" required="true"
            cssClass="text medium" onchange="hideOthers();" theme="simple"/>
     </td>
 </tr>
 <tr></tr>
 <tr>
     <th>
 	<div id="mfDiv">
             <fmt:message key="member.personalDetails.weddingDate"/> <span class="req">*</span> :
 	</div>
     </th>
     <td>
        <div id="mfDiv1">
             <s:textfield key="member.personalDetails.weddingDate" name="weddingDate" value="%{weddingDate}" id="weddingDate" required="true" cssClass="text medium" theme="simple"/>
 
             <img  id="f_trigger_c"
                  
                  
                  />
             <script type="text/javascript">
                 Calendar.setup({
                     inputField : "weddingDate",
                     ifFormat : "%d/%m/%Y",
                     button : "f_trigger_c",
                     align : "Tl",
                     singleClick : true
                 });
             </script>
         </div>
     </td>
 </tr>
 <tr></tr>
 <tr>
     <th>
 	<div id="mfDiv2">
             <fmt:message key="member.spouse.title"/> <span class="req">*</span> :
 	</div>
     </th>
     <td>
         <div id="mfDiv3">
             <s:textfield name="member.spouse.title" cssClass="text medium" theme="simple"/>
         </div>
     </td>
 </tr>
 <tr></tr>
 <tr>
     <th>
 	<div id="mfDiv4">
              <fmt:message key="member.spouse.firstName"/> <span class="req">*</span> :
 	</div>
     </th>
     <td>
         <div id="mfDiv5">
             <s:textfield key="member.spouse.firstName" cssClass="text medium" theme="simple"/>
         </div>
     </td>
 </tr>
 <tr></tr>
 <tr>
     <th>
 	<div id="mfDiv6">
             <fmt:message key="member.spouse.middleName"/> <span class="req">*</span> :
 	</div>
     </th>
     <td>
         <div id="mfDiv7">
             <s:textfield key="member.spouse.middleName" cssClass="text medium" theme="simple"/>
         </div>
     </td>
 </tr>
 <tr></tr>
 <tr>
     <th>
 	<div id="mfDiv8">
             <fmt:message key="member.spouse.lastName"/> <span class="req">*</span> :
 	</div>
     </th>
     <td>
         <div id="mfDiv9">
             <s:textfield key="member.spouse.lastName" cssClass="text medium" theme="simple"/>
         </div>
     </td>
 </tr>
 </table>

Thanks in Advance....
Green horn