jsf selectonemenu probleme

Salut, je veux bien faire deux scrolle bar l'une dépend de lautre, je sais pas comment faire: exemple
scrolle bar : country
scrolle bar : city
si je selectionne le country, le city est automatiquement mise a jours avec une nouvelle selection.

c'est tres urgent SVP aide !!!!!!!!!!!!!!!!
voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
  <h:panelGrid columns="1" cellpadding="5">  
            <h:selectOneMenu  style="clear:right;position:relative" id="selectedClasse" value="#{ensBean.selectedClasse}" >  
                <f:selectItem itemLabel="Select Classe" itemValue="" />  
 
                <f:selectItems value="#{ensBean.classe}" var="classe" itemLabel="#{classe.classe}" itemValue="#{classe.codeclasse}" />  
 
            </h:selectOneMenu>
 
 
   <p:separator /> 
            <h:selectOneMenu  style="position:relative" id="matieres" value="#{ensBean.selectedMatiere}">  
                <f:selectItem itemLabel="Select Matiere" itemValue="" />  
                <f:selectItems value="#{ensBean.matieres}" var="matiere" itemLabel="#{matiere.matiere}" itemValue="#{matiere.codemat}"/>  
            </h:selectOneMenu>  
        </h:panelGrid>