POST动态HTML表值到jQuery AJAX

Question

I am trying to get all the values present in my dynamic HTML table and POST the values to AJAX.

I have HTML table like this

When i press '+' , I can able to add rows dynamically . When i click save, How to POST array values from this HTML table to AJAX, so that i can meanwhile INSERT those values into MYSQL

I have tried getting the 'text' of each td present in my table

var rows = $("tbody tr",$("#myTable")).map(function() { 
    return [$("td",this).map(function() { 
      return this.innerHTML;     
    }).get()];
  }).get();

This is getting me -> <input type="text"> and so on.

Answer 1

you are returning the innerHTML, which is... HTML. you can get the value of a input element with .val() how does this work for you?

return $("td input").map(function() { 
  return $(this).val();     
});