Affichage automatique en utilisant selectOneMenu

J'ai une table qui contient le nom, le prénom et le grade de l'employé, je veux choisir le nom de l'employé dans le menu et ensuite il s'affiche automatiqument le prénom et le grade de l'employé,
voilà ce que j'ai fait:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<h:form>
        <ui:repeat var="empl" value="#{employeBean.employes}">
        </ui:repeat>
 
        <h:selectOneMenu  value="#{employeBean.console}">
            <f:selectItem itemLabel="--Selectionner--" itemValue="" />
            <f:selectItems itemLabel="#{employe.nom}"  var="employe"  value="#{employeBean.employes}"  />
            <f:ajax render="@form" />
        </h:selectOneMenu>
 
        <h:panelGroup rendered="#{empl.nom} eq #{employeBean.console}">
            <h:outputLabel for="key" value="Prénom" />
            <p:inputText id="key" value="#{empl.prenom}" />
            <h:outputLabel for="key1" value="Grade" />
            <p:inputText id="key1" value="#{empl.grade}" />                
        </h:panelGroup>
 
</h:form>

Merci infiniment pour votre aide.