Как отправить динамические модальные поля формы в Django - PullRequest
Новая
       32

Как отправить динамические модальные поля формы в Django

0 голосов
/ 26 апреля 2019

Я создаю динамическое модальное поле формы и хочу отправить сгенерированное значение поля в django, но только одно поле отправлено на мой сервер django. Интересно, если это вызвано тем, что поле ввода имеет то же имя. Любое предложение, пожалуйста? 

   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
var max_fields = 10;
var wrapper = $(".container1");
var add_button = $(".add_form_field");

var x = 1;
$(add_button).click(function(e) {
    e.preventDefault();
    if (x < max_fields) {
        x++;
        $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="delete">Delete</a></div>'); //add input box
    } else {
        alert('You Reached the limits')
    }
});

$(wrapper).on("click", ".delete", function(e) {
    e.preventDefault();
    $(this).parent('div').remove();
    x--;
})

}); 

                      <div class="modal fade" id="multipleset{{ecriture.id_ecriture}}" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
                             <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                   <div class="modal-header">
                                      <h6 class="modal-title" id="exampleModalLabel">Ajouter une &eacute;criture</h6>
                                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                      </button>
                                   </div>

                                  <form action="{% url 'multipleset' %}" method="post" enctype="multipart/form-data">{% csrf_token %}
                                    <div class="modal-body">
                                      <div class="container1">
                                          <button class="add_form_field">Add New Field &nbsp;
                                            <span style="font-size:16px; font-weight:bold;">+ </span>
                                          </button>
                                          <div><input type="text" name="mytext[]"></div>
                                      </div>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                                      <button type="submit" class="btn btn-primary">Ajouter</button>
                                    </div>
                                  </form>
                                </div>
                             </div>
                      </div>

1 Ответ

0 голосов
/ 26 апреля 2019

Вы должны изменить имя входного имени динамически, как указано ниже.И я думаю, что это должно сработать.(Не проверял) Пожалуйста, попробуйте. 

$(wrapper).append('<div><input type="text" name="mytext'+x+'"/><a href="#" class="delete">Delete</a></div>'); //add input box
...