Сохранение нескольких текстовых вводов из формы в одно поле в представлении на основе классов Django

Question

Я пытаюсь сохранить около 9 входных данных из разных полей текстового поля в шаблоне в одно поле в базе данных django, связывая их каждое с другим полем. Что можно сделать?

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

real_index.html. (Файл шаблона)

 <script>
        function ch()
            {
                $(".div1").hide()
                $(".div2").show();
                var a = document.getElementById("userInput").value;
                displayUserInput.innerHTML= a;
            }
        function cha()
            {
                $(".div2").hide()
                $(".div3").show();
                var b = document.getElementById("userInpu").value;
                displayUserInpu.innerHTML= b;
            }
...
<form action="" method="post" >
       {% csrf_token %}
        {{ form | crispy }}
       <table class="table table-bordered">
            <thead class="table-primary">
                  <th>Time</th>
                {% for log in object_list %}
                {% if user.username == log.username%}
                 <th>{{ log.dept }}</th>
                {% endif %}
                {% endfor %}
            </thead>
           <tbody>
            <tr class="table-success">
                <td>
                    6:30AM-7:30PM
                </td>
                <td>
                    <div id="div1" >
                        <div  class="div1" id="div1">
                            <input type="text" id="userInput" name="userInput"/><input class="btn2" class="btn2" type="button" value="Done" onclick="ch()"/>
                        </div>
                    </div>
                    <span id="displayUserInput"></span>
                </td>

models.py

class Log(models.Model):
...
    dept = models.ForeignKey(Dept, null=True, on_delete=models.SET_NULL)
    log = models.CharField (max_length=50,null=True)

forms.py

...
class NewLogForm(forms.ModelForm):
    #class NewLogForm(forms.MultiValueField,forms.MultiWidget):
    class Meta():
        model = Log
        fields = ('log','dept',)

views.py

class NewLogView(generic.CreateView):
    model = Log
    form_class = NewLogForm
    template_name = 'dutylog/real_index.html'

    def get_success_url(self, ):
        return reverse_lazy('index',)

    def form_valid(self, form):
        form.instance.username = self.request.user.username
        form.instance.created_at = datetime.now()
        form.instance.dept = self.request.user.dept
        return super().form_valid(form)


class LogListView(LoginRequiredMixin,ListView):
    model = Log
    template_name = 'dutylog/displaylog.html'
    redirect_field_name = 'redirect_to'

Iхотите, чтобы форма просматривала список отделов и сохраняла все журналы, но под разными отделами, в которых они находятся. У меня уже есть таблица, в которой показано сеточное представление около 9 различных отделов, и у каждого есть текстовое поле под ним, так как пользователь вводит одно, оно перемещается к следующему отделу, а затем к следующему и сохраняет в конце. но значения отказываются сохранять ....