Jump to content

[SOLVED] get html field(textfield,checkbox,dropdown etc) values outside form tag


zohab

Recommended Posts

hi all,

 

I have HTML form

 


<html>

<form name="formName">
<input type="text" name="insideForm" id="insideForm" value="Inside Form">
</form>

<input type="text" name="outsideForm" id="outsideForm" value="Outside Form">

</html>

 

To get form values in javascript i have to write like

 

 

alert(document.formName.insideForm.value); =>Inside Form

 

but to get "outsideForm" values ,what i should do?

Following will not work.

 

alert(document.outsideForm.value); =>not worked
alert(document.getElementsById("outsideForm").value); =>not worked
alert(document.getElementsByName("outsideForm").value); =>not worked
alert(document.getElementsByTag("outsideForm").value); =>not worked

 

 

Any Ideas?

 

Thanks in Advance

alert(document.getElementById("outsideForm").value);

No "s" in Element because an ID on a HTML page is unique, so getElementByTagName returns one result even if you have more than 1 of the same ID on the same page, which you shouldn't.

Ok

 

alert(document.getElementById("outsideForm").value); working

 

But if i have not id in the field then how to get value

suppose if i have like this

 

<input type="text" name="outsideForm"  value="Outside Form">

 

here id="outsideForm" is missing.

 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script language="javascript" type="text/javascript">
function validate()
{
alert(document.formName.insideForm.value); //working
//alert(document.outsideForm.value);
//alert(document.getElementById("outsideForm").value); // working
alert(document.getElementByName("outsideForm").value); 
alert(document.getElementByTag("outsideForm").value); 

}
</script>

<body onload="validate();">
<html>

<form name="formName">
<input type="text" name="insideForm" id="insideForm" value="Inside Form">
</form>

<input type="text" name="outsideForm" id="outsideForm" value="Outside Form">

</html>
</body>
</html>

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.