Jump to content

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

zohab

By zohab
in Javascript Help

 Share

Recommended Posts

zohab Advanced Member

zohab

Posted
Posted

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

Link to comment
Share on other sites
Ken2k7 Member

Ken2k7

Posted
Posted 

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.

Link to comment
Share on other sites
zohab Advanced Member

zohab

Posted
  • Author
Posted

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>

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • 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.