Как получить значение таблицы

Question

У меня есть таблица, где каждый <tr> содержит разные значения, и я запутался, как мне получить значение из каждого <tr> или получить значение всех <td>, которое находится в <tr>, и отправить его моему контроллеру, когда я кнопка отправки. Может кто-нибудь помочь мне или указать мне правильное направление!

$(function() {

  $('#ResultProduct').on("click", ".SubmitRMA", function() {

    var rows = $(this).closest("tr").next().find("select").serialize();

    $.ajax({
      type: 'post',
      url: '@Url.Action("AnmodOmRMA", "User")',
      dataType: 'json',
      data: rows,
      success: function(res) {
        console.log(res);
      }
    });
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<tbody id="ResultProduct">

  <tr class="RMAJS">
    <td id="varnummer" name="varnummer">SH2800</td>
    <td id="Beskrivelse" name="Beskrivelse">some text</td>
    <td id="AntalVarer" name="AntalVarer">1</td>
    <td id="PrisPrStk" name="PrisPrStk">50</td>
    <td id="PostingDate" name="PostingDate">2018-12-06</td>
  </tr>

  <tr class="section">
    <td>
      <select>
        <option value="">- Vælg årsag -</option>
        <option value="1">Forkert vare bestilt (fejlbestilling)</option>
        <option value="2">Forkert vare modtaget (fejllevering)</option>
      </select>
    </td>
    <td>
      <select>
        <option value="">- Jeg forventer -</option>
        <option value="1">Kreditnota</option>
        <option value="2">Reparation</option>
      </select>
    </td>
    <td><input name="Telefonnummer">2233018</td>
    <td><button id="btnSubmitRMA" type="submit" class="SubmitRMA">Send</button>
    </td>
  </tr>

  <tr class="RMAJS">
    <td id="varnummer" name="varnummer">61A9MAT1</td>
    <td id="Beskrivelse" name="Beskrivelse">some text two</td>
    <td id="AntalVarer" name="AntalVarer">10</td>
    <td id="PrisPrStk" name="PrisPrStk">500</td>
    <td id="PostingDate" name="PostingDate">2017-11-06</td>
  </tr>

  <tr class="section">
    <td>
      <select>
        <option value="">- Vælg årsag -</option>
        <option value="1">fejlbestilling</option>
        <option value="2">fejllevering</option>
      </select>
    </td>
    <td>
      <select>
        <option value="">- Jeg forventer -</option>
        <option value="1">Reparation</option>
        <option value="2">Kredit</option>
      </select>
    </td>
    <td><input name="Telefonnummer">1122015</td>
    <td><button id="btnSubmitRMA" type="submit" class="SubmitRMA">Send</button>
    </td>
  </tr>
</tbody>

JS - Я попробовал это и только для первого tr, который имеет класс section и просто получает нулевое значение, когда я проверяю результаты в консоли.

Answer 1

Почему бы вам не поместить свою таблицу в форму, а затем сериализовать ее?

В вашем HTML:

<form method="POST" id="form" name="form">

JQuery

var rows = $("#form").serializeArray();
//insert the dinamic values in the form
rows.push({name: "varnumber", value: $('#varnumber').val() }); 
$.post('@Url.Action("AnmodOmRMA", "User")', rows);