如何在Django Formset中为每个表单显示ID

不需要修改后端视图逻辑，直接基于Django模板内置变量就能实现，适配你当前用的django-crispy-forms渲染场景：

• 序号获取：模板{% for %}循环内置的forloop变量可以直接拿到索引值
  • {{ forloop.counter }}：从1开始计数，适合直接展示在UI上给用户看的表单编号
  • {{ forloop.counter0 }}：从0开始计数，和Formset内部存储的表单索引完全一致，适合做JS逻辑匹配、元素ID拼接
• 表单ID访问：给每个表单的外层包裹元素拼接动态ID，就能精准定位到任意一个表单，后续写新增、删除表单的JS逻辑时也能直接复用索引规则

修改后的模板代码如下：

<div class="card">
    <div class="card-body">
        <div id="form-container">
            {% csrf_token %}
            {{ formset1.management_form }}
            {% for form in formset1 %}
                <!-- 绑定和formset索引一致的唯一元素ID -->
                <div class="test-form" id="single-form-{{ forloop.counter0 }}">
                    <!-- UI展示用的表单序号 -->
                    <div class="form-index-label">表单 {{ forloop.counter }}</div>
                    {% crispy form %}
                </div>
            {% endfor %}
            <button id="add-form" type="button" class="btn btn-primary">Add Another Request
            </button>
            <button type="submit" class="btn btn-primary">Submit</button>
        </div>
    </div>
</div>

如果需要把序号插入到crispy渲染的表单内部结构中，可以在视图层遍历formset，给每个form实例动态绑定index属性，再通过crispy的自定义模板或Helper布局输出对应序号即可，绝大多数场景下在外层容器加序号和ID已经能满足UI规整、元素定位的需求。
编写「Add Another Request」按钮的动态新增表单逻辑时，注意同步更新序号、容器ID的索引值，和management_form中记录的表单总数保持一致，避免出现ID重复、序号错乱的问题。

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