如何获取Django FormSet中表单元素ID的序号数字

嘿，我来帮你搞定从Django formset字段ID里提取序号的问题！这里有几种实用的方法，你可以根据自己的场景选择：

1. 前端JavaScript正则提取（通用方案） #

如果是已经渲染好的页面，要从元素ID里抠出数字序号，正则表达式是最省心的方式——不管ID是form-0-nom还是id_form-1-nom，都能精准匹配到中间的数字：

// 假设你拿到了目标元素的ID字符串
const elementId = document.querySelector('[name*="nom"]').id;

// 用正则匹配连续数字
const numberMatch = elementId.match(/\d+/);
if (numberMatch) {
  const index = parseInt(numberMatch[0], 10);
  console.log('提取到的序号：', index); // 输出0、1、2...这类数字
}

2. 字符串分割法（适合固定格式ID） #

如果你确定ID的格式不会变，也可以用字符串分割来提取：

const elementId = 'id_form-3-nom';
// 先处理下划线前缀，再按连字符拆分
const idParts = elementId.split('_').pop().split('-');
const index = parseInt(idParts[1], 10);
console.log(index); // 输出3

3. 从Django模板直接获取序号（更高效的方案） #

其实完全不用等到前端再提取！在模板循环渲染formset的时候，你可以直接拿到每个表单的序号，根本不用碰ID：

{% for form in formset %}
  {{ form.nom }}
  <!-- 直接拿到从0开始的序号 -->
  <span class="form-index" data-index="{{ forloop.counter0 }}"></span>
  
  <!-- 或者直接把序号传给JS -->
  <script>
    const currentFormIndex = {{ forloop.counter0 }};
    // 直接用这个变量就行，省得再解析ID啦
  </script>
{% endfor %}

甚至可以给表单字段加个自定义的data-index属性，前端直接读取就行，完全不用处理ID字符串。

内容的提问来源于stack exchange，提问作者khadija.EL