我有一张桌子,其中每个<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。
答案 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);