get data from html table 
August 26th, 2008, 12:22 PM
| | Newbie | | Join Date: Aug 2008
Posts: 6
| | get data from html table
Hi,
I have a html table with data.
Now when I select a particular row, I need the data of all the cells of that row
how would I do
Kindly help
Thanx in advance
| 
August 26th, 2008, 01:16 PM
|  | Needs Regular Fix | | Join Date: Mar 2008 Location: Chennai - India Age: 24
Posts: 297
| |
Hi Ashish, hope this would help u out
[HTML]<html>
<head>
<script type="text/javascript">
function doThis(ths)
{
var x=(ths.id).toString();
var i=x.indexOf('r');
var num = parseInt(x.substring((i+1),x.length));
var table = document.getElementById("myTable");
var row = table.rows[num-1];
var first=row.cells[0].innerHTML;
var second = row.cells[1].innerHTML;
document.getElementById('myText1').value=first;
document.getElementById('myText2').value=second;
}
</script>
</head>
<body>
<p>Click on any Element in the Table</p>
<br/>
<table id="myTable" border="1" cellpadding="5" cellspacing="5">
<tr id="tr1" onclick="doThis(this)">
<td>Hai1</td><td>Hello1</td>
</tr>
<tr id="tr2" onclick="doThis(this)">
<td>Hai2</td><td>Hello2</td>
</tr>
<tr id="tr3" onclick="doThis(this)">
<td>Hai3</td><td>Hello3</td>
</tr>
<tr id="tr4" onclick="doThis(this)">
<td>Hai4</td><td>Hello4</td>
</tr>
<tr id="tr5" onclick="doThis(this)">
<td>Hai5</td><td>Hello5</td>
</tr>
</table> <br/>
<input type="text" id="myText1"> <input type="text" id="myText2">
</body>
</html>[/HTML]
Any doubts or any probs post back it. I will try to help u out
Regards
Ramanan Kalirajan
| 
August 26th, 2008, 02:33 PM
| | Newbie | | Join Date: Aug 2008
Posts: 6
| |
Hi Ramanan ,
Thanx buddy,it really works
thanx a lot , u have solved a big issue
I am heartly thankful to u
God Blees u my dear frend
Regards
Ashish
Last edited by gits; August 27th, 2008 at 10:05 AM.
Reason: drop quote
| 
August 27th, 2008, 03:55 AM
|  | Needs Regular Fix | | Join Date: Mar 2008 Location: Chennai - India Age: 24
Posts: 297
| | Quote: |
Originally Posted by Ashish101 Hi Ramanan ,
Thanx buddy,it really works
thanx a lot , u have solved a big issue
I am heartly thankful to u
God Blees u my dear frend
Regards
Ashish | Hello Ashish be thankful to this forum. And try to help lot of guys like you. All the best. if any doubts or problem post it in the forum. I will try to help u out.
Regards
Ramanan Kalirajan
| 
August 27th, 2008, 10:25 AM
|  | Site Moderator | | Join Date: Nov 2006 Location: UK
Posts: 14,233
| |
The rowIndex property should be enough and can replace the first few lines of the doThis() function, i.e. ths.rowIndex can be used to index the table rows[] array.
| 
August 27th, 2008, 10:50 AM
|  | Needs Regular Fix | | Join Date: Mar 2008 Location: Chennai - India Age: 24
Posts: 297
| | Quote: |
Originally Posted by acoder The rowIndex property should be enough and can replace the first few lines of the doThis() function, i.e. ths.rowIndex can be used to index the table rows[] array. | Hi Acoder, I tried it for dynamic data retrieval from the table. (i.e tr created dynamically) i just posted him the static one. The code can be simplified. thanks for the suggestion
Regards
Ramanan Kalirajan
|  | | Thread Tools | Search this Thread | | | | | | | What is Bytes?
We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights.
Get the best answers to your questions from over 220,662 network members.
|