Store HTML table data in an array using javascript

Question

I am trying to store my html table data in an array using jQuery. One of the fields contains a dropdown list. The below code works fine but dropdown list data is not fetched. Can someone help?

var myTableArray = [];

$("table#tblClassificationSearchResult tr").each(function () {
    var arrayOfThisRow = [];
    var tableData = $(this).find('td');
    if (tableData.length > 0) {
        tableData.each(function () { arrayOfThisRow.push($(this).text()); });
        myTableArray.push(arrayOfThisRow);
    }
});

Milan Chheda · Accepted Answer · 2017-07-31 11:09:06Z

1

Well, I am not 100% sure, but I think this should work:

var myTableArray = [];

$("table#tblClassificationSearchResult tr").each(function() {
  var arrayOfThisRow = [];
  var tableData = $(this).find('td');
  if (tableData.length > 0) {
    tableData.each(function() {
      if ($(this).find('input').prop('type') == 'select') {
        arrayOfThisRow.push($(this).find('input').val());
      } else {
        arrayOfThisRow.push($(this).text());
      }
    });
    myTableArray.push(arrayOfThisRow);
  }
});

answered Jul 31, 2017 at 11:09

Milan Chheda

8,2593 gold badges23 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Farrukh Subhani · Accepted Answer · 2017-07-31 11:16:43Z

0

You have to keep the id of the dropdown stored in array and store the dropdown options separately in an array with index. if you just wantto store content of each td then best is to serialise it and store it and then deserialise and restore it when needed.

answered Jul 31, 2017 at 11:16

Farrukh Subhani

2,0131 gold badge17 silver badges25 bronze badges

Collectives™ on Stack Overflow

Store HTML table data in an array using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related