Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 1046

Jun 3rd, 2009

Javascript- How to load cell values to a form???

Expand Post »

hi, I'm trying to load cell values from a table, to a form in Javascript.... I can caught the cell values but I can't load them to a form....
this is how I caught the cell values:

html Syntax (Toggle Plain Text)
<td id='cellText' >writing the text </td> 
 
<script>
alert(document.getElementById('cellText').innerHTML);
</script>
<td id='cellText' >writing the text </td> 

<script>
alert(document.getElementById('cellText').innerHTML);
</script>

Thank everyone.....

Last edited by peter_budo; Jun 4th, 2009 at 9:44 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

Similar Threads

Cant get the cell values,please help,thanks. in JavaScript / DHTML / AJAX
Save the values of a form in HTML and CSS
passing values from a form to a dialog form in VB.NET
Setting Values of Input Box in Iframes via Javascript in JavaScript / DHTML / AJAX
All the values in the form passing to EditServlet are null when use javascript in JavaScript / DHTML / AJAX

Enrico!

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

5 posts
since Jun 2009

Permalink

Jun 4th, 2009

Re: Javascript- How to load cell values to a form???

you do a similar process to the form, get the form id, then the input field and then do

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
.value=document.getElementById('cellText').innerHTML
.value=document.getElementById('cellText').innerHTML

sillyboy

Reputation Points: 85

Solved Threads: 64

Practically a Master Poster

Offline

686 posts
since Mar 2007

Permalink

Jun 4th, 2009

Re: Javascript- How to load cell values to a form???

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
<head>
<script type="text/javascript">
 
function getvalue()
 {
 
  one=document.getElementById("cellone").innerHTML 
  document.getElementById("box1").value=one;
 
 }
 
</script>
 
<body>
<form id="form1">
<table >
<tr>
<td id="cellone">hello</td>
</td>
</tr>
 
</table>
 
<input type="text" id="box1" onclick="getvalue();">
 
</body>
</form>
</html>
<html>
<head>
<script type="text/javascript">

function getvalue()
 {
 
  one=document.getElementById("cellone").innerHTML 
  document.getElementById("box1").value=one;

 }

</script>

<body>
<form id="form1">
<table >
<tr>
<td id="cellone">hello</td>
</td>
</tr>

</table>

<input type="text" id="box1" onclick="getvalue();">

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

with this you can capture the value on clicking on the text box..
you could change the event according to what suits you..

hope it helps..

aashishn86

Reputation Points: 10

Solved Threads: 9

Junior Poster

Offline

184 posts
since Jun 2008

Permalink

Jun 4th, 2009

Re: Javascript- How to load cell values to a form???

Enrico,

As already said, plus it can be proceduralised in a loop as follows:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Airshow :: Untitled</title>
<script>
onload = function(){
	for (var i=1; i<=3; i++) {
		var field = document.getElementById('ip_'+i);
		if(field) {
			field.value = document.getElementById('cellText'+i).innerHTML;
		}
	}
}
</script>
</head>
<body>
<table border>
<tr><td id='cellText1' >Text 1</td></tr>
<tr><td id='cellText2' >Text 2</td></tr>
<tr><td id='cellText3' >Text 3</td></tr>
</table> 
<form>
<input id="ip_1" /><br>
<input id="ip_2" /><br>
<input id="ip_3" /><br>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Airshow :: Untitled</title>
<script>
onload = function(){
	for (var i=1; i<=3; i++) {
		var field = document.getElementById('ip_'+i);
		if(field) {
			field.value = document.getElementById('cellText'+i).innerHTML;
		}
	}
}
</script>
</head>
<body>
<table border>
<tr><td id='cellText1' >Text 1</td></tr>
<tr><td id='cellText2' >Text 2</td></tr>
<tr><td id='cellText3' >Text 3</td></tr>
</table> 
<form>
<input id="ip_1" /><br>
<input id="ip_2" /><br>
<input id="ip_3" /><br>
</form>
</body>
</html>

Airshow

Last edited by Airshow; Jun 4th, 2009 at 8:46 am.

Airshow

Sponsor

Reputation Points: 300

Solved Threads: 357

WiFi Lounge Lizard

Offline

2,523 posts
since Apr 2009

Permalink

Jun 4th, 2009

Re: Javascript- How to load cell values to a form???

that's even better............

aashishn86

Reputation Points: 10

Solved Threads: 9

Junior Poster

Offline

184 posts
since Jun 2008

Permalink

Jun 4th, 2009

Re: Javascript- How to load cell values to a form???

Thanks evryone this really great.... I found waht I was looking for.....
Arigato fiends.....

Enrico!

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

5 posts
since Jun 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Problem in Mozilla Browsers

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Multiple script tags?

DaniWeb Message

Cancel Changes

User Name
Password