如何通过Django Forms实现带动态命名与值的输入框？

嘿，我来帮你搞定这个问题！你想要用Django Forms生成和目标HTML结构一致的输入框（带有montantHT{{ vente.id }}的name属性，以及{{ vente.montantHT }}的value），其实可以通过两种方式实现，我来一步步给你讲：

方法一：在视图中动态配置表单字段 #

这种方式更符合Django Forms的设计思路，我们可以在视图里为每个vente实例化表单，同时修改字段的name属性并设置初始值：

1. 修改视图代码 #

假设你已经有了ventes的查询集，我们可以遍历每个vente，创建对应的表单实例并调整字段属性：

from django.shortcuts import render
from .forms import UpdateFacture
from .models import Vente  # 假设你的模型是Vente

def update_factures_view(request):
    ventes = Vente.objects.all()  # 获取所有需要处理的vente对象
    form_data_list = []
    
    for vente in ventes:
        # 实例化表单，传入初始值montantHT
        form = UpdateFacture(initial={'montantHT': vente.montantHT})
        # 动态设置字段的name属性
        form.fields['montantHT'].widget.attrs['name'] = f'montantHT{vente.id}'
        # 将表单和对应的vente打包存入列表
        form_data_list.append({"form": form, "vente": vente})
    
    return render(request, "your_template.html", {"form_data_list": form_data_list})

2. 模板中渲染表单 #

在模板里遍历我们准备好的form_data_list，直接渲染每个表单的montantHT字段即可：

{% for item in form_data_list %}
    <!-- 渲染出的输入框会自动带有正确的name和value -->
    {{ item.form.montantHT }}
    
    <!-- 如果需要显示vente的其他信息，也可以在这里添加 -->
    <p>对应vente ID: {{ item.vente.id }}</p>
{% endfor %}

方法二：模板中手动渲染输入框 #

如果你更倾向于在模板里直接控制HTML结构，也可以手动编写input标签，同时利用Django表单字段的属性来保留表单的验证规则等配置：

1. 视图传递表单类或实例 #

如果是循环多个vente，你可以在视图中传递ventes查询集和表单类：

def update_factures_view(request):
    ventes = Vente.objects.all()
    return render(request, "your_template.html", {"ventes": ventes, "UpdateFactureForm": UpdateFacture})

2. 模板中手动渲染 #

在模板循环ventes时，为每个vente实例化表单并手动构建input标签：

{% for vente in ventes %}
    {% with form=UpdateFactureForm(initial={'montantHT': vente.montantHT}) %}
        <input type="{{ form.montantHT.field.widget.input_type }}"
               name="montantHT{{ vente.id }}"
               value="{{ form.montantHT.value }}"
               <!-- 保留表单字段的其他属性，比如class、max_length等 -->
               {% for attr, value in form.montantHT.field.widget.attrs.items %}
                   {{ attr }}="{{ value }}"
               {% endfor %}
        />
    {% endwith %}
{% endfor %}

两种方法都能生成你想要的<input type="text" name="montantHT{{ vente.id}}" value="{{ vente.montantHT }}" />结构，第一种更简洁且能自动保留表单的所有验证和样式配置，推荐优先使用哦！

内容的提问来源于stack exchange，提问作者Elroum