如何获得桌子的价值

时间:2019-01-08 13:35:30

标签: javascript jquery ajax

我有一张桌子,其中每个<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)中尝试过它,当我在控制台中检查结果时,它只是检索null。

1 个答案:

答案 0 :(得分:-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);