Обновление других полей из данных, возвращенных при вызове ajax, с помощью select2

У меня есть рабочее поле select2, которое обновляется на основе результатов вызова ajax, теперь я хочу сделать два других поля в моем шаблоне, используя некоторые данные, которые возвращаются при вызове ajax.

Ниже представлен сценарий на данный момент

<script>
    $(document).ready(function () {
        $('#id_site').select2({
            theme: 'bootstrap4',
            placeholder: "Select a site",
            ajax: {
                url: '{% url 'site-view-ajax' %}',
                dataType: 'json',
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {id: item.id, 
                                    text: item.site_name
                                };
                        })
                    };
                }
            },
            minimumInputLength: 3
        });
    });
</script>

Затем я хочу получить доступ к двум дополнительным полям из возвращаемых данных и обновить мой шаблон.

<script>
    $(document).ready(function () {
        $('#id_site').select2({
            theme: 'bootstrap4',
            placeholder: "Select a site",
            ajax: {
                url: '{% url 'site-view-ajax' %}',
                dataType: 'json',
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {id: item.id, 
                                    text: item.site_name, 
                                    code: item.site_code, 
                                    address: item.site_address
                                };
                        })
                    };
                }
            },
            minimumInputLength: 3
        });
    });
</script>

и затем что-то вроде следующего

document.getElementById("id_site_code").value = item.site_code;
document.getElementById("id_site_address").value = item.site_address;

Я просто не уверен, как мне это сделать, поскольку у меня очень ограниченные знания javascript.

Спасибо

Вернуться на верх