使用 jquery 按数据属性多次更改值

Question

当我的自动完成 function 选择值时，我想用数据属性操作另一个元素。 它的第一次工作，图像和其他数据通过#unit的属性发生了变化。 但是当我想第二次改变时，它不起作用。 #unit 属性已被数据更改。 但其他元素不会改变，但会停留在第一个值上。

任何人都可以帮助我吗？？：“”

      <script>
    $(function() {
        let value = ($(this).val() == "Kendaraan Pribadi") ? 'PC' : 'CV';
        let currentUrl = window.location.href;
        let url = new URL(currentUrl);
        url.searchParams.set("type", value);
        let apiUrl = url.href;
        $("#unit").autocomplete({
            minLength: 0,
            source: function(request, response) {
                $.ajax({
                    type: 'get',
                    dataType: 'json',
                    url: apiUrl,
                    success: function(data, item) {
                        console.log(data)

                        var arrays = $.map(data, function(value) {
                            return {
                                value: value.name,
                                'otr': value.otr,
                                'id': value.id,
                                'vehicle': value.name,
                                'thumbnail': value.thumbnail,
                            };
                        });
                        response($.ui.autocomplete.filter(arrays, request.term));
                    }
                });
            },
            select: function(event, value) { 
                $("#unit").attr('data-otr', value.item.otr);
                $("#unit").attr('data-id', value.item.id);
                $("#unit").attr('data-vehicle', value.item.value);
                $("#unit").attr("data-thumbnail", value.item.thumbnail);
                $('.vehicleId').val(value.item.id);

                $('.otr_price').text($("#unit").data('otr'));
                $('.otr').val($("#unit").data('otr'));
                $('.vehicleId').val($("#unit").data('id'));
                $('#selected-car-image').attr("src", $("#unit").data('thumbnail'));
            }
        });
    })
</script>