Question

我在桌子上工作，我的桌子上有很多列。事实上，当我点击第一行textarea时，我想更新一个"#btnnVerify"的列{ {1}}效果很好，但是当我点击第二行的AJAX时，它无法正常工作。我在"#btnnVerify"代码中添加了提醒功能，但它没有工作在第二行，但它完全适用于第一行我只是向你展示我的表的一些列，因为这些是重要的。

jQuery

<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) {
                }

            });


        });


    });

Answer 1

因为它们具有相同的ID，您应该根据类提供点击事件

为什么jQuery AJAX不能在第二行工作？

1 个答案: