Remplit un input text à partir selectone menu

Version imprimable

slt
comment remplir un input text avec un select one menu
voici mon travail

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<p:selectOneMenu value="#{personneBean.nom}" onchange="setRemarque(this)">
 
 
 
                    <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 
 
 
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value=""     />
<p:inputText id="ageper" name="ageper" value="" / >
<script type="text/javascript">
function setRemarque(select) {
 
 
   document.getElementById('prenomper').value ="#{pers.prenom}";
   document.getElementById('ageper').value = "#{pers.age}";
}
</script>

ce code affiche des valeurs qui change pas.

Bonjour, le problème provient de ta fonction javascript :
Code:

1 2 document.getElementById('prenomper').value ="#{pers.prenom}";
tu affecte statiquement (par rapport à la page HTML) une valeur à "prenomper",
pour remédier à ça il faut que tu extraits la valeur de la même manière ( avec JS) de la liste d'option, par exemple :
Code:

1 2 3 4 var indexOptions = document.getElementById('idHtmlDuSelectOneMenu') ; var valeurOption = indexOptions.options[select.selectedIndex].value ; document.getElementById('prenomper').value = valeurOption;
Une autre solution est d'utiliser l'ajax:
http://www.primefaces.org/showcase/u...yKeyEvents.jsf

Aussi il faut éviter d'utiliser JSF avec les même réflexes que JSP( comme utiliser des EL expressions pour générer le code Javascript). JSF a une approche évènementielle puissante surtout quand elle est enrichie par un jeu de composante comme primefaces.

Citation:

Envoyé par david8787

slt
comment remplir un input text avec un select one menu
voici mon travail

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<p:selectOneMenu  id="select1"  value="#{personneBean.nom}" onchange="setRemarque(this)">
 
 
 
                    <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 
 
 
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value=""     />
<p:inputText id="ageper" name="ageper" value="" / >
<script type="text/javascript">
function setRemarque(select) {
var indexOptions = document.getElementById('select1') ;
var valeurOption = indexOptions.options[select.selectedIndex].value ;
document.getElementById('prenomper').value = valeurOption;
 
}
</script>

la liste reste bloque

30/08/2013, 11h54
ahmedpa

faut consulter l'attribut valueChangeListener de jsf
30/08/2013, 12h04
david8787

Citation:

Envoyé par ahmedpa

faut consulter l'attribut valueChangeListener de jsf

je suis debutant
merci de me donner un petit exemple
avec un select one menu qui contient le nom des personne
un input text affiche le prenom de cette personne.

tu peux juste utiliser p:ajax

Code:

1
2
3
4
5
6
7
8
<p:selectOneMenu value="#{personneBean.nom}" onchange="setRemarque(this)">
                  <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 <p:ajax update="prenomper"/>
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value="#{personneBean.nom}"     />
</p:selectOneMenu>

Citation:

Envoyé par bruneltouopi

tu peux juste utiliser p:ajax

Code:

1
2
3
4
5
6
7
8
<p:selectOneMenu value="#{personneBean.nom}" onchange="setRemarque(this)">
                  <f:selectItem itemLabel="Choisir ... " itemValue="" />
                   <f:selectItems value="#{personneBean.noms}"   var="pers" itemValue="#{pers.nom}" itemLabel="#{pers.nom}"/>
 <p:ajax update="prenomper"/>
 
				</p:selectOneMenu>
<p:inputText name="prenomper"  id="prenomper" value="#{personneBean.nom}"     />
</p:selectOneMenu>

ca marche pas.