javascript - Jquery弹出对话框更新多行记录？

Question

我有这个 jquery 弹出更新代码

   $(document).on("click", ".editButton", function () {

      //Opens the update pops up menu.
        $("#dialogupdate").dialog({
            autoOpen: false,
            modal: true,
            draggable: true,

            width: 890,
            height: 620,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "fold",
                duration: 1000
            }
        });

这是一列的 html 代码

<div id="dialogupdate" title="Update Problem Log" style="display: none;">
    <form id="myidupdate" name="myidupdate" method="post">
    <table class="updatetable">
        <tr>
            <td> 
    <tr>
            <td>
                PROD DATE:
            </td>
            <td>
                <input type="text" id="txtproddate-up" name="cpname" style="margin-left: 10px; color: Black;" />
                <span style="font-family: Arial Narrow; font-size: Medium;">(e.g MAY14)</span>
            </td>
        </tr>

它使用 JavaScript 加载每条记录的 ID。

table = table + '<td><input type="button" style="width:40px;  color:White; background color:#00BFFF;" class="editButton" value="Edit" id="' + obj[i].MANUAL_RUN_ID + '"/></td>';

并在更新点击侧

$("#btnUpdate").click(function () {
  var newupdateId = testObject.attr('id');
var proddate = $('#txtproddate-up').val();

我将其传递给 ajax 调用。但不知怎的，如果我执行下面的操作，它会在此处插入两次。

我在 table 上显示了 3 行，每行都有编辑按钮。当我单击其中一个编辑按钮时，菜单会打开，然后我将其关闭。下一步，我单击另一个编辑按钮并更新一些记录。结果是，它更新了两条行记录。任何帮助赞赏

Answer 1

每次单击编辑按钮时都会更新 testObject id 属性。这样，当您在更新调用中阅读相同内容时，您将获得正确的 ID。

希望有帮助。