Jump to content

how to change value of hidden field using javascript?


jasonc

Recommended Posts

This worked for me:

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Title</title>
<!-- meta tags -->
<meta name="keywords" content="">
<meta name="description" content="">

<!-- javascript -->
<script language="javascript">

function changeHidden() {
	var theform = document.myform;
	var hiddenvalue = theform.hiddeninput.value;
	if (hiddenvalue == "testme") { 
		theform.hiddeninput.value = "loremipsum";
	} else { 
		theform.hiddeninput.value = "testme";
	}

	alert(theform.hiddeninput.value);

}
</script>
<!-- stylesheets -->

<!--conditional comments -->

</head>

<body>


<form id="myform" name="myform">
	Hidden input...
	<input type="hidden" value="testme" id="hiddeninput" name="hiddeninput">
</form>

<a href="javascript:void(0);" onmousedown="changeHidden();">Click Me</a>
</body>
</html>

document.formname.getElementById('hiddeninput').value = 'boo!'; should do the trick. much like the code above me states, except in a shorter fashion.

 

also keep in mind that users who are using ie8 will get a less than perfect response from  your code...

 

reasining behind this it seems as though IE8 doesn't negate a href command when it runs into an onclick command..  and so you may want to do something like: href="index.php" onclick="changeHidden(); return false"

 

that way it forces ie8 to not use the href.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.