时间戳

首页 > 解决方案 > 单击事件时未更新数据 ID

jquery - 单击事件时未更新数据 ID

问题描述

我是 jQuery 的新手。我有一个data-id从选择选项值动态更新的属性的链接

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

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

单击按钮事件适用于第一次尝试，问题是当我更改选项选择值时，此事件$(".modal-body #jabatan_id").val(jabatan_id);不会使用新的 data-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);
            }
        });
    });

数据ID上是否有任何我必须重置的缓存？

用jsfiddle更新

标签： jquerymodal-dialog

解决方案

尝试获取 data-id 值

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

这是因为您在更改选择值时使用 .attr('data-id') 设置值。基本上你应该使用 .data() 或 .attr() 而不是混合两者。你可以在这里找到更详细的解释。

推荐阅读