форма html из одной модели формы в django

Question

мне нужна ваша помощь

я строю систему подсчета голосов президента школы

результаты голосования сохраняются в таблице опросов как
идентификатор кандидата | pollingstationid | результат |

при получении результатов на странице html будет отображаться форма для каждого кандидата. например, если есть 3 кандидата, форма html будет иметь 3 формы:

кандидат 1:
результат _______
идентификатор кандидата 1001
pollingstationid 301

кандидат 2:
результат _______
идентификатор кандидата 1002
pollingstationid 301

кандидат 3:
результат _______
идентификатор кандидата 1003
pollingstationid 301


[кнопка отправки]

проблема:

когда я нажимаю на кнопку отправить, сохраняется только последняя форма (т.е. кандидат 3)

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

views.py

class candidatesview(AjaxFormMixin, View):
    form_class = pollsForm
    model = Polls
    template_name = 'app/candidates.html'

    def get(self, request):
        form = self.form_class()
        candidatesls = Candidates.objects.all()
        context = {'title':'polls','form' : form, 'candidates': candidatesls }
        #print(context)
        return render(request, self.template_name, context )

    def post(self, request):

        form = pollsForm(request.POST)
        candidatesls = Candidates.objects.all()

        if form.is_valid():

            print(form.cleaned_data['Result'])
            print(form.cleaned_data['Candidateid'])
            print(form.cleaned_data['PollingstationID'])

            form.save()

            messages.success(request,('Form submitted successfuly'))

        else:
            messages.warning(request,('nah!'))

        print(messages)    
        context = {'title':'polls','form' : form, 'candidates': candidatesls, 'message':messages}
        return render(request, self.template_name, context)

forms.py

class pollsForm(forms.ModelForm):


    class Meta:

        model = Polls
        fields = ['Result', 'Candidateid','PollingstationID']

html (кандидатов. html)

{% extends "app/base.html" %}
{% load widget_tweaks %}
{% block content %}
<div class="bg-white">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-8">


            {% if messages %}
            {% for message in messages %}
            <div class="alert alert-warning alert-dismissible show" role="alert">
                {{ message }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="false">&times;</span>
                </button>
            </div>

            {% endfor %}
            {% endif%}
            <div id="alertbox">
            </div>
      <div class="form-group">
        <form class="my-ajax-form" method="POST" action="{% url 'polls' %}">

            {% for hidden in form.hidden_fields %}
            {{ hidden }}
            {% endfor %}

            {#{% for field in form.visible_fields %}#}

                <table class="table">
                    {% for candidates in candidates %}

                    <tr>
                        <td>


                                {% render_field form.Result class="form-control" placeholder=candidates.CandidateName id=forloop.counter %}

                                <input type="number"  class="form-control" id={{ forloop.counter }}  value={{ candidates.CandidateID }}>

                                {% render_field form.PollingstationID type="hidden" class="form-control" id="C1_Pollingstation" %}


                                {% for error in field.errors %}
                                <span class="help-block">{{ error }}</span>
                                {% endfor %}


                        </td>
                        <td>
                            <div class="circle" style="background:{{ candidates.CandidateColor }}">2</div>
                        </td>
                    </tr>
                    {% endfor %}

                </table>




            <div class="pull-right">
                <input type='submit' class='btn btn-next btn-fill btn-success btn-wd' name='Post' value='Post' />

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

        </div>
    </div>

<br /> 
{% endblock content %}

{% block javascript %}
<script>
    $(document).ready(function(){
        var $myForm = $(".my-ajax-form")
        var $myMessage = $("#alertbox")
        $myForm.submit(function(event){
            event.preventDefault()
            var $formData = $(this).serialize()
            var $endpoint = $myForm.attr("data-url") || window.location.href
            console.log($formData) 
            console.log($endpoint)
            $.ajax({
                method: "POST",
                url: $endpoint,
                data: $formData,
                success: handleFormSuccess,
                error: handleFormError,
            })
            function handleFormSuccess(data, textStatus, jqXHR){
                console.log(data)
                console.log(textStatus)
                console.log(jqXHR)
                $myForm[0].reset();
                $myMessage.replaceWith('<div class="alert alert-success  show" role="alert" id="alertbox"> post succcess</div> ');

            }
            function handleFormError(jqXHR, textStatus, errorThrown){
                console.log(jqXHR)
                console.log(textStatus)
                console.log(errorThrown)
                $myMessage.replaceWith('<div class="alert alert-warning  show" role="alert" id="alertbox"> post failure</div> ');

            }

        })

    })

</script>

{% endblock %}