单击事件时数据 ID 未更新

Question

我是 jQuery 的新手。我有 link 和 data-id 属性，它是从 select 选项值

动态更新的

<a id="jabatanID" href="#" data-id="{{$jabatan_id}}" class="btn btn-warning btn-block assigndata">Click</a>

想法是，如果 data-id 为空，则触发 swal.alert，然后如果不为空，则显示模态并将 data-id 值传递给输入 id

单击按钮事件在第一次尝试时有效，问题是当我更改选项 select 值时此事件 $(".modal-body #jabatan_id").val(jabatan_id); 未使用新的数据 ID 值更新，即使 data-id="{{$jabatan_id}}" 更新为新值

$(document).ready(function () {
        $(".assigndata").click(function () {
            var jabatan_id = $(this).data('id');
            if(jabatan_id == ''){
                Swal.fire({title: "Warning", text: "Please Choose jabatan ID", icon:"warning"});
            }
            else {
                $('#attachsertifikat').modal('show');
                $(".modal-body #jabatan_id").val(jabatan_id);
            }
        });
    });

data-id 上是否有我必须重置的任何缓存？

更新 jsfiddle

Answer 1

尝试使用

获取data-id值

    var jabatan_id = $(this).attr('data-id');

这是因为您在更改 select 值时使用 .attr('data-id') 设置值。基本上你应该使用 .data() 或 .attr() 而不是混合使用两者。您可以在 here.

上找到更详尽的解释

单击事件时数据 ID 未更新

data-id not updated on click event

jquery

modal-dialog