Динамически генерирующая модальные формы

Question

У меня есть список объектов в представлении, которые отображают основные детали c. Для каждого объекта есть кнопка для создания модели. Эта модель имеет поле внешнего ключа, которое должно быть назначено связанному объекту в списке, что требует предварительного заполнения этого (скрытого) поля формы.

objectList. html

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">

    </div>
  </div>
</div>



{% for profile in object_list %}
{{ profile.name}}
{{ profile.description }}
<button type="button" class="btn btn-primary" id="create-request">Send a request to {{ profile.name }}</button>
{% endfor %}
<script src="{% static 'js/jquery.bootstrap.modal.forms.js' %}"></script>

<script type="text/javascript">
$(document).ready(function() {

  $("#create-request").modalForm({
    formURL: "{% url 'create_servicerequest' %}"
  });
});


</script>

Мой модальный form

<form method="post" action="">
    {% csrf_token %}

   <div class="modal-header">
      <h5 class="modal-title">Send Service Request</h5>
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>

    <div class="modal-body">
      {% for field in form %}
        <div class="form-group{% if field.errors %} invalid{% endif %}">
          <label for="{{ field.id_for_label }}">{{ field.label }}</label>
          {{ field }}
          {% for error in field.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
        </div>
      {% endfor %}
    </div>

    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <button type="button" class="submit-btn btn btn-primary">Send</button>
    </div>

  </form>

views.py

from bootstrap_modal_forms.generic import BSModalCreateView

class ServiceRequestCreate(BSModalCreateView):
    template_name = 'objectList.html'
    form_class = ServiceRequestForm
    success_message = "Your request was received!"

forms.py

from bootstrap_modal_forms.forms import BSModalForm

class ServiceRequestForm(BSModalForm):
    class Meta:
        model = ServiceRequest
        exclude = (foreignkey1,foreignkey2)

Объект, созданный с помощью модальной формы, имеет поле внешнего ключа, которое должно указывать на связанный объект в списке. Каждый объект в списке имеет кнопку для визуализации модальной формы. Как динамически заполнить модальную форму на основе связанного объекта?