为什么jQuery AJAX在第二行中不起作用? [英] why jQuery AJAX doesn't work in second row?
问题描述
我在一张桌子上工作,我的桌子上有很多列.事实上,我只想更新在第一行中的"#btnnVerify"
上具有textarea
的列,但是当我单击第二行中的"#btnnVerify"
无效.我已在jQuery
代码中添加了警报功能,但它不适用于第二行,但可以完美地适用于第一行,我只是向您显示我的桌子,因为这些很重要.
I'm working on a table, my table has a lot of column.in fact I want to update just a column that has textarea
when I click on "#btnnVerify"
in first row AJAX
works perfectly but when I click on "#btnnVerify"
in second row it didn't work.I've added alert function in jQuery
code but it didn't work on second row but it works on first row perfectly I just show to you some columns of my tables because these are important.
<table>
<td>
<input type='checkbox' id="StockIDCheckBox" name='result' value=@item.StockID />
<tr>
</td>
<td>
@Html.TextAreaFor(modelItem => item.Description, new { id = "description", @row = "50", @cols = "5", @class = "form-control" })
</td>
<td>
<a class="btn btn-info btn-sm" data-toggle="modal" data-target="#verify" id="btnnVerify" onclick="SaveandVerify(@item.StockID)">
<i class="glyphicon glyphicon-ok"></i>
</a>
</td>
<td>
<a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#Reject" onclick="RejectGroup(@item.StockID)">
<i class="glyphicon glyphicon-remove"></i>
</a>
</td>
</tr>
</table>
function SaveandVerify(id) {
$.get("/Admin/VerifyStockBuy/SaveandVerify/" + id, function (result) {
$("#verify #myModalLabel").html(" وضعیت درخواست این کالا در این کارگاه ");
$("#verify #myModalBody").html(result);
});
}
function RejectGroup(id) {
$.get("/Admin/VerifyStockBuy/Reject/" + id, function (result) {
$("#Reject #myModalLabel").html("رد درخواست");
$("#Reject #myModalBody").html(result);
});
}
$(document).ready(function () {
$('#repAll').DataTable({
"ordering": true,
"language": {
"search": "جستجو",
"paginate": {
"previous": "قبلی",
"next": "بعدی"
},
"sLengthMenu": "نمایش _MENU_ ردیف",
"sInfo": "نمایش _START_ تا _END_ ردیف از _TOTAL_ ردیف",
"sEmptyTable": "هیچ داده ای در دسترس نیست",
"sInfoEmpty": "نمایش 0 ردیف از 0 ردیف",
},
"columnDefs": [{ width: 1000, targets: 0 }],
});
$("#btnnVerify").click(function () {
var Desc = $("#description").val();
var stockId = $("#StockIDCheckBox").val();
alert(Desc + ":" + stockId);
$.ajax({
url: '/VerifyStockBuy/EditDescription/',
data: { id: stockId, Description: Desc },
type: 'Post',
dataType: "text",
success: function (data) {
}
});
});
});
[HttpPost]
public ActionResult EditDescription(int id, string Description)
{
var desc = db.StockBuys.Find(id);
desc.Description = Description;
db.SaveChanges();
return Content(Description);
}
推荐答案
它是因为它们具有相同的ID,因此您应根据该类给出on click事件
its because they have the same ID's you should give a on click event based on the class
这篇关于为什么jQuery AJAX在第二行中不起作用?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!