jQuery in Action, 3rd edition
The moose likes HTML, CSS and JavaScript and the fly likes document.getElementById coming as undefined/null Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login

Win a copy of Java Interview Guide this week in the Jobs Discussion forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Reply locked New topic

document.getElementById coming as undefined/null

jose chiramal
Ranch Hand

Joined: Feb 12, 2010
Posts: 266
<htm:table id="htmtable1" border="0" width="100%" >


<htm:td width="60%" styleClass="lableStyleLeft">

<h:selectOneRadio id="rptType" layout="lineDirection" value="Admin_Agent_Report" styleClass="pr_boldInner" onclick="loginauditReportChk();">

<f:selectItem id ="rpttype1" itemLabel="Admin/Agent Report" itemValue="Admin_Agent_Report" />

<f:selectItem id ="rpttype2" itemLabel="Login Audit Report" itemValue="Login_Audit_Report" />



<htm:td width="40%">





I have the javascript function below

function loginauditReportChk(){

alert('from inside loginauditReportChk js');
var var1=document.getElementById("adminPanel:adminForm:rptType");
alert(var1 + " - " + var1.value);


The last alert above doesnt provide me the desired results ie. the element name and the value. It tells me that var1 is a HTMLTableObject and var1.value comes as undefined or null. Please assist on the below questinos :
1 . I read smwhere in this forum that the document is not yet created hence the issue...could someone please elaborate this point.
2. Am using tomcat to run the applciation. Am I missing any jars, if so what are they.
Mahajan Nikhil

Joined: Jul 30, 2011
Posts: 5

Try accessing your element in this way.

jose chiramal
Ranch Hand

Joined: Feb 12, 2010
Posts: 266
Here I have the button named rptType inside the form named adminForm which is inside the panel named adminPanel

jose chiramal
Ranch Hand

Joined: Feb 12, 2010
Posts: 266
Also am using safari as my browser. So please let me know if that could be the issue and the fix to overcome the same. Thanks.
Eric Pascarello

Joined: Nov 08, 2001
Posts: 15385
when you post code, use code tags!

View the page source, what is the id. Looking at serverside code is useless.

Bear Bibeault
Author and ninkuma

Joined: Jan 10, 2002
Posts: 63873

I have closed this topic. When posting to this forum, post the rendered HTML not the JSF source.

[Asking smart questions] [About Bear] [Books by Bear]
I agree. Here's the link: http://aspose.com/file-tools
subject: document.getElementById coming as undefined/null
jQuery in Action, 3rd edition