By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,744 Members | 1,530 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,744 IT Pros & Developers. It's quick & easy.

get data from html table

P: 6
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
Aug 26 '08 #1
Share this Question
Share on Google+
5 Replies


RamananKalirajan
100+
P: 607
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">&nbsp;&nbsp;&nbsp;&nbsp; <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
Aug 26 '08 #2

P: 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
Aug 26 '08 #3

RamananKalirajan
100+
P: 607
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
Aug 27 '08 #4

acoder
Expert Mod 15k+
P: 16,027
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.
Aug 27 '08 #5

RamananKalirajan
100+
P: 607
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
Aug 27 '08 #6

Post your reply

Sign in to post your reply or Sign up for a free account.