Add form fields dynamically onchange of a select box.

Question

I have a JSP page with a <h:form>:
<h:form id="registrationForm">
     <h:outputText value="#{Resource.EmailAddress}" /><br />
     <h:inputText label="E-mail Address" id="emailAddress" value="#{RegistrationBean.emailAddress}" required="true" requiredMessage="#{Resource.RequiredError}">
          <f:validator validatorId="EmailValidator" />
     </h:inputText><br />
     <h:message for="emailAddress" styleClass="error" /></td>
     Select age range<br />
     <h:selectOneMenu id="ageRange" value="#{RegistrationBean.ageRange}" valueChangeListener="#{RegistrationBean.updateComponents}" onchange="javascript: return submit()">
          <f:selectItems value="#{RegistrationBean.ageRangeValues}" />
     </h:selectOneMenu><br />
     <h:commandButton id="submit" value="#{Resource.Submit}" />
</h:form>When the user changes the value for the ageRange select box, the form gets submitted through the following JavaScript:
function submit() {
     document.forms[0].submit();
     return true;
}Then the ValueChangeListener defined in a backing bean for the ageRange select box gets called:
public void updateComponents(ValueChangeEvent e) {
     // Generate components automatically
}What I want is, when the user changes the value of the ageRange select box, the valueChangeListener should generate a few new text fields in the form and the validator for the e-mail address field shouldn't get called. The validator for the email-address field should only get called once the user clicks on the Submit button.
Any help or pointers will be greatly appreciated.

Answer 1

You can find here lot of pointers: http://balusc.blogspot.com/2007/10/populate-child-menus.html