I have a drop down list
and on selection of value from dropdown list multiple other elements are rendered. These elements are in separate a4j:outputpanel
. when i render these elements in Ajax request they are perfectly rendered in Chrome and Mozilla but they are not rendered in IE.
IE render only one element and not multiple elements
.
how can i render these element in IE ?
i am using a4j:jsfunction for ajax call
<a4j:jsFunction name="mya4jfunction"
action="#{mybean.myfunction()}"
render="mymage mytextfiled">
</a4j:jsFunction>
<a4j:outputPanel id="mymage">
<img src="assets/flags/#{myBean.myimage}">
</a4j:outputPanel>
<a4j:outputPanel id="mytextfiled">
<input id="mytf" name="tf" type="text" value="mybean.mytf" />
</a4j:outputPanel>