Кнопка типа "submit" не позволяет модалу bootstrap открыться, но type="button" не удовлетворяет моей потребности

У меня есть веб-страница, на которой есть поле ввода. Ниже находится кнопка редактирования. Когда я ввожу текст в поле ввода и нажимаю кнопку редактирования, появляется модальное окно, в котором также есть поле ввода. Я хочу передать текст из первого поля ввода в поле ввода в модальном окне.

Но затем возникает проблема. Модальное окно открывается только тогда, когда кнопка редактирования имеет type="button". Но этот type="button" не отправляет вводимый текст в бэкенд, когда я нажимаю кнопку редактирования. Он отправляет текст в бэкенд, когда я использую кнопку type="submit", но тогда модальное окно не открывается, потому что страница перезагружается.

Вот мой HTML код:

ФайлViews.py:

def manageGroups(request):
    form = GroupSorting()
    group = request.POST.get('type-groups', False)
    content = Groups.objects.filter(group_name__contains = group)
    if request.method == "POST":
        form = GroupSorting(request.POST)
        if form.is_valid():
            form.save()
        else:
            form = GroupSorting()
    
    context = {'form': form, 'group': content}
    return render(request, 'posts/manage-groups.html', context)

Вернуться на верх