事件模式引导后无法更改 td 中的值

Posted 2023-05-08

【中文标题】事件模式引导后无法更改 td 中的值

【英文标题】：cannot change value in td after event modal bootstrap

【发布时间】：2019-05-10 17:40:55

【问题描述】：

我有两行表格，我想更改值。

这是我的示例表

我想更改每个选定行的值 judul/title，当我选择 第一行 然后更改值并工作，之后当我选择 第二行 然后更改值这有一个问题，即 第一行 的值跟随 第二行 的值

jquery

$('#tblbuku tbody tr #btnEdit').click(function()
                    var url  = "buku.form.php";
                    var row  = $(this).closest('tr');
                    var colk = row.find('td:eq(0)').text();
                    var colj = row.find('td:eq(1)').text();

                    $.post(url, kode: colk, judul : colj ,function(data) 
                                $(".modal-body").html(data).show();
                                $('#kode').attr('disabled', true);
                                $("#myModal").modal('show');

                                $('#simpan').click(function()
                                    var ckode    = $('#kode').val();
                                    var ckjudul  = $('#judul').val();

                                    row.find('td:eq(1)').text(ckjudul);

                                );

                    );

                );

php

<?php

$kode  = $_POST['kode'];
$judul = $_POST['judul'];
?>

<form class="form-horizontal" id="form-anggota">
  <div class="control-group">
      <label class="control-label" for="kode">Kode Buku</label>
    <div class="controls">
      <input type="text" id="kode" class="form-control" name="kode"  value="<?php echo $kode ?>">
    </div>
  </div>
  <div class="control-group">
      <label class="control-label" for="judul">judul</label>
    <div class="controls">
      <input type="text" id="judul" class="form-control" name="judul" value="<?php echo $judul ?>">
    </div>
  </div>

</form>

感谢您的关注，我将不胜感激

【问题讨论】：

可能是因为在你的表中使用了重复的 ID #btnEdit，最好改用类名

try => row.find('td:eq(1)').innerHTML = ckjudul;

【参考方案1】：

在找到this answer 之前，我遇到了同样的问题。

这是最终的解决方案：

$('#tblbuku tbody tr #btnEdit').off('click').on('click', function()
    //Your Code...
);