JSF 2 hidden value example

In JSF, you can use the <h:inputHidden /> tag to render a HTML hidden value field. For example,

JSF tag…


<h:inputHidden value="some text" />

Render this HTML code…


<input type="hidden" name="random value" value="some text" />

JSF hidden field example

A JSF 2 example to render a hidden field via <h:inputHidden /> tag, and access the hidden value in JavaScript.

1. Managed Bean

A simple managed bean, declared as “user”.


package com.mkyong.form;
 
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.io.Serializable;

@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable {

	String answer = "I'm Hidden value!";

	public String getAnswer() {
		return answer;
	}

	public void setAnswer(String answer) {
		this.answer = answer;
	}	
}

2. View Page

Render a hidden value via “h:inputHidden” tag, if the button is clicked, print the hidden value via JavaScript.


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">

	<h:head>
	  <script type="text/javascript">
	    function printHiddenValue(){

	       alert(document.getElementById('myform:hiddenId').value);	

	    }
	  </script>
	</h:head>
    <h:body>
    	<h1>JSF 2 hidden value example</h1>
 
	  <h:form id="myform">
    		<h:inputHidden value="#{user.answer}" id="hiddenId" />
    		<h:commandButton type="button" value="ClickMe" onclick="printHiddenValue()" />
    	  </h:form>
 
    </h:body>
</html>

3. Demo

URL : http://localhost:8080/JavaServerFaces/

jsf2-hidden-value--example-1

Download Source Code

Download It – JSF-2-HiddenValue-Example.zip (9KB)
Note
You may interest to know how to pass new hidden value to backing bean in JSF.

Reference

  1. JSF <h:inputHidden /> JavaDoc

About the Author

author image
mkyong
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider make a donation to these charities.

Comments

Leave a Reply

avatar
newest oldest most voted
Mushfiq Mammadov
Guest
Mushfiq Mammadov

JSF JavaDoc (https://javaserverfaces.dev.java.net/nonav/docs/2.0/pdldocs/facelets/h/inputHidden.html) – this link doesn’t work. But when you remove “dev” from link, it works

x
Guest
x

tag inputHidden support “oncilck” javascript Y/n