get data from html table

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Ashish101
    New Member
    • Aug 2008
    • 6
    #1

    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
    Tags: None
    • RamananKalirajan
      Contributor
      • Mar 2008
      • 608
      #2
      Hi Ashish, hope this would help u out

      [HTML]<html>
      <head>
      <script type="text/javascript">
      function doThis(ths)
      {
      var x=(ths.id).toSt ring();
      var i=x.indexOf('r' );
      var num = parseInt(x.subs tring((i+1),x.l ength));
      var table = document.getEle mentById("myTab le");
      var row = table.rows[num-1];
      var first=row.cells[0].innerHTML;
      var second = row.cells[1].innerHTML;
      document.getEle mentById('myTex t1').value=firs t;
      document.getEle mentById('myTex t2').value=seco nd;
      }
      </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">&n bsp;&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

        Comment

        • Ashish101
          New Member
          • Aug 2008
          • 6
          #3
          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; Aug 27 '08, 10:05 AM. Reason: drop quote

            Comment

            • RamananKalirajan
              Contributor
              • Mar 2008
              • 608
              #4
              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

                Comment

                • acoder
                  Recognized Expert MVP
                  • Nov 2006
                  • 16032
                  #5
                  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.

                    Comment

                    • RamananKalirajan
                      Contributor
                      • Mar 2008
                      • 608
                      #6
                      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

                        Comment

                        Previous template Next
                        Working...