Change value of another field based on the value of selectOneRadio

Question

Hello
I need to display one of two city fields based on the value of a radio group. If the value of the radio group is "Yes", then display the non mandatory city field, if the value is "No", then display mandatory city field. Please can someone help me? The code is below
<af:subform id="contactForm3" default="true">
            <af:panelForm binding="#{processScope.backing_regDetails.contactPanel3}">
              <af:selectOneRadio binding="#{processScope.backing_regDetails.radio1}"
                                 labelAndAccessKey="#{MatrixResource['ContactDetails.inBoroughQuestion']}"
                                 layout="horizontal"
                                 valuePassThru="true"
                                 required="true"
                                 onchange="javascript.refresh;" >
                  <f:selectItems value="#{processScope.backing_regDetails.items}" />
              </af:selectOneRadio>
              <af:inputText onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value='0';"
                            labelAndAccessKey="#{MatrixCommon['Label.SAO']}"
                            binding="#{processScope.backing_regDetails.houseNameText}"                           
                            maximumLength="240"/>
              <af:inputText required="true"
                            onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value=0;"
                            maximumLength="240"
                            label="#{MatrixCommon['Label.PAO']}"
                            binding="#{processScope.backing_regDetails.numberStreetText}"/>
              <af:inputText onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value='0';"
                            maximumLength="240"
                            labelAndAccessKey="#{MatrixCommon['Label.District']}"
                            binding="#{processScope.backing_regDetails.districtText}"/>
              <af:inputText maximumLength="60"
                            rendered="#{!backing_regDetails.radio1}"
                            onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value='0';"
                            labelAndAccessKey="#{MatrixCommon['Label.TownCity']}"
                            required="true"
                            binding="#{processScope.backing_regDetails.cityText}"/>
             <af:inputText maximumLength="60"
                            rendered="#{backing_regDetails.radio1}"
                            onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value='0';"
                            labelAndAccessKey="#{MatrixCommon['Label.TownCity']}"
                            required="false"
                            binding="#{processScope.backing_regDetails.cityText}"/>
              <af:inputText maximumLength="60"
                            onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value='0';"
                            labelAndAccessKey="#{MatrixCommon['Label.County']}"
                            binding="#{processScope.backing_regDetails.countyText}"/>
              <af:inputText columns="7"
                            onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value=0;"
                            labelAndAccessKey="#{MatrixCommon['Label.Postcode']}"
                            binding="#{processScope.backing_regDetails.postcodeText}"/>
              <af:selectOneChoice onchange="javascript:document.forms[0].elements['contactForm3:locationId'].value=0;"
                                  binding="#{processScope.backing_regDetails.countrySelect}"
                                  value="#{processScope.backing_regDetails.enteredAddress.countryId}"
                                  labelAndAccessKey="#{MatrixCommon['Label.Country']}">
                  <f:selectItems value="#{backing_regComponents.countryChoiceList}"/>
              </af:selectOneChoice>
              <af:inputHidden value="#{processScope.backing_regDetails.enteredAddress.locationId}"
                            binding="#{processScope.backing_regDetails.locationIdHidden}"
                            id="locationId"/>
              </af:panelForm>
              </af:subform>Edited by: aademola on Nov 13, 2008 7:35 AM
Edited by: aademola on Nov 13, 2008 7:42 AM

Answer 1

Hi,
you should be able to apply this example to your 10.1.3 project
see 4.3.2 of http://download.oracle.com/docs/cd/E12839_01/web.1111/b31973/af_lifecycle.htm#CIAHCFJF
Frank