如何在Django中保存多个同名HTML输入框的数据？

嘿，我看到你遇到了动态添加的表单数据无法完整保存的问题——当前代码只能存下数组里的单个值，没法把所有动态生成的步骤都存入数据库对吧？别担心，我来帮你调整代码解决这个问题。

问题根源 #

你现在的代码里，虽然用request.POST.getlist('Step')拿到了所有Step字段的值，但循环中每次调用form.save()时，这个form实例其实只绑定了最后一组提交的数据，所以最终只会重复保存同一组数据，导致其他动态添加的内容丢失。我们需要为每一组动态输入创建独立的模型实例来保存。

修改方案 #

1. 更新Views.py代码 #

把原来的视图逻辑改成遍历所有提交的字段列表，为每一组数据创建新的Steps实例并保存：

def generatescripts(request):
    # if this is a POST request we need to process the form data
    if request.method == 'POST':
        # 获取所有动态提交的字段列表
        steps_list = request.POST.getlist('Step')
        descriptions_list = request.POST.getlist('Description')
        results_list = request.POST.getlist('Result')
        
        # 遍历每一组数据，创建并保存Steps实例
        for step, desc, res in zip(steps_list, descriptions_list, results_list):
            # 可选：跳过空的输入组，避免保存无效数据
            if not step.strip() and not desc.strip() and not res.strip():
                continue
            # 创建新的Steps对象并保存
            step_instance = Steps(
                Step=step,
                Description=desc,
                Result=res
            )
            step_instance.save()
        
        # 重定向到成功页面
        return HttpResponseRedirect('/thanks/')
    # if a GET (or any other method) we'll create a blank form
    else:
        form = GenerateScriptsForm()
    return render(request, 'page/generatescripts.html', {'form': form})

2. （可选）用表单验证单个实例 #

如果你想利用GenerateScriptsForm的验证规则来确保每个步骤的数据符合要求，可以在循环中用表单验证每一组数据：

def generatescripts(request):
    if request.method == 'POST':
        steps_list = request.POST.getlist('Step')
        descriptions_list = request.POST.getlist('Description')
        results_list = request.POST.getlist('Result')
        
        for step, desc, res in zip(steps_list, descriptions_list, results_list):
            if not step.strip() and not desc.strip() and not res.strip():
                continue
            # 用表单验证当前组数据
            form_data = {
                'Step': step,
                'Description': desc,
                'Result': res
            }
            form = GenerateScriptsForm(form_data)
            if form.is_valid():
                form.save()
            else:
                # 这里可以处理验证错误，比如记录日志或返回错误提示
                pass
        
        return HttpResponseRedirect('/thanks/')
    else:
        form = GenerateScriptsForm()
    return render(request, 'page/generatescripts.html', {'form': form})

前端代码确认 #

你的前端代码中动态生成的输入框name属性设置正确（都是Step、Description、Result），这部分不需要修改——Django的getlist方法正是通过这个name来收集所有同名字段的值的。

验证效果 #

修改完成后，你可以尝试添加多组步骤并提交，然后查看数据库，所有动态添加的Step、Description和Result应该都能被正确保存了。如果还有问题，可以在视图中打印request.POST来检查提交的数据是否完整，或者检查输入框的name是否和后端的getlist参数完全一致。

内容的提问来源于stack exchange，提问作者Daniel Treviño