Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 473
  • Last Modified:

Can't access my hidden form field in my javascript

I have a form that when submitted, I want to set the hidden fields using javascript.  The fields are going to contain the text from drop down menus.  I can't set the value of the drop downs to the text because I need different information for the value.

I've included the form definition and the code from the Javascript function.  In the Javascript function, the first alert shows me the text (Project Name 1), the second alert shows me the text (Program 1), and the third alert shows me the value in the input text field (some text here).  The last alert is never shown.  I know the hidden fields are defined because when the form is posted, I am able to pull the value from them.  They just don't contain the value I want (contain the initial value).

If anyone can point out where my mistake is I would appreciate it.
Form definition
-----------------------------------------------------------------------
<form name="ProjectsForm" id="ProjectsForm" method="post" action="">
<input type="hidden" id="projectname" name="projectname" value="Error project name">
<input type="hidden" id="programname" name="programname" value="Error program name">
<select name="Projects" id="Projects">
<option>Select Project Survey</option>
<option value="1">Project Name 1</option>
</select>
<input type="text" id="test" name="test" value="some text here"></input>
<select name="surveys" id="surveys">
<option>Select Program</option>
<option value="34">Program 1</option>
</select>
<input type="text" id="test" name="test" value="some text here"></input>
<input type="submit"  onClick="setHiddenValues()" name="Build" value="Build Survey">
</form>
 
 
Javascript Function in HEAD Section
------------------------------------------------------------------------
function setHiddenValues()
{
	var w=document.getElementById("Projects").selectedIndex;
	var x=document.getElementById("Projects");
	alert(x.options[w].text);
	
	w=document.getElementById("surveys").selectedIndex;
	x=document.getElementById("surveys");
	alert(x.options[w].text);
	alert(document.getElementById("test").value);
	alert(document.getElementById("projectname").value);
	return true;
}

Open in new window

0
dyarosh
Asked:
dyarosh
1 Solution
 
bluV11tCommented:
Just tested the code in both IE and FF and works fine here...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>test</title>
<script type="text/javascript">
function setHiddenValues()
{
        var w=document.getElementById("Projects").selectedIndex;
        var x=document.getElementById("Projects");
        alert(x.options[w].text);
        
        w=document.getElementById("surveys").selectedIndex;
        x=document.getElementById("surveys");
        alert(x.options[w].text);
        alert(document.getElementById("test").value);
        alert(document.getElementById("projectname").value);
        return true;
} 
 </script>
 </head>
 <body>
<form id="ProjectsForm" method="post" action="">
<input type="hidden" id="projectname" name="projectname" value="Error project name" />
<input type="hidden" id="programname" name="programname" value="Error program name" />
<select name="Projects" id="Projects">
<option>Select Project Survey</option>
<option value="1">Project Name 1</option>
</select>
<input type="text" id="test" name="test" value="some text here" />
<select name="surveys" id="surveys">
<option>Select Program</option>
<option value="34">Program 1</option>
</select>
<input type="text" id="Text1" name="test" value="some text here" />
<input type="submit" onclick="setHiddenValues()" name="Build" value="Build Survey">
</form>
</body>
</html>

Open in new window

0
 
dyaroshAuthor Commented:
I must have had a typo somewhere because when I copied your code everything worked fine.  Thanks for the help.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now