how to use javascript to get jsf h:outputText value?

javascript jsf-2 backing-beans
Celia picture Celia · Apr 19, 2012 · Viewed 12.4k times · Source

I have a button has action which can set myBackingBean.myString, and onclick event calls js method to alert that value. I just want to get the value of myString from backing bean by using javascript.

I have a hidden output which has value from backing bean:

h:outputText id="myOutput" rendered="false" value="#{myBackingBean.myString}"

then I need to alert this value in javascript fxn which triggered by a button:

function myFunction() {

var outPut= document.getElementById("myForm:myOutput").value;

...

}

but i got Object required error. How can i fix this? thanks in advance.

Answer

Floydian picture Floydian · Apr 19, 2012

Make you sure that the h:outputText is rendered (rendered="false" could just not add it to the DOM. If it does not render, it can't be accessed. If you need it hidden, use h:inputHidden instead).

Then make sure that it renders an HTML tag as or acting like a container with the id attribute as "myForm:myOutput".

Also, the .value javascript accesor is used for input tags, so use inerHTML instead.

Related questions

Error parsing XHTML: The content of elements must consist of well-formed character data or markup

As an extension of this question, I'm trying to insert Javascript to a <h:commandButton />'s onclick property as action is already rendering an ajax table. What I want to do: Get the selected items in a list …

Read More
How to execute JavaScript after page load?

I would like to execute a JavaScript function after the page was loaded. At the moment I have a commandButton and everything works fine. However it would be more comfortable if the user is not supposed to hit the button. …

Read More
ajax call in jsf 2.0 (myfaces), the onevent Javascript function in the ajax tag gets called before the rendering is complete

This is my first time asking a question on a forum, since usually my questions have already been asked and answered. I haven't found an answer to this problem that works for me, so here goes: I'm making an Ajax …

Read More