Tengo un campo select2 en funcionamiento que se actualiza según los resultados de la llamada ajax, lo que ahora quiero hacer es subir otros dos campos en mi plantilla usando algunos de los datos que se devuelven en la llamada ajax.

El siguiente es el guión hasta ahora.

 <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>

Lo que quiero hacer es acceder a dos campos adicionales de los datos devueltos y actualizar mi plantilla.

 <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>

y luego algo como lo siguiente

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

Simplemente no estoy seguro de cómo haría esto, ya que tengo un conocimiento muy limitado de javascript.

Gracias