如何在select2 django formset中更改每个表单的id

Question

我需要为每个表单增加 id 字段表单

django 提供的默认 id 是id_formsetname_set-0-fieldName 和 0 一个一个递增

在我的例子中名为id_items_set-0-model，第二种形式是id_items_set-1-model，它显示在浏览器的检查元素源代码中，我将它用于 loo 脚本

for (var i = 0; i < 10; i++){
    $("#id_items_set-"+i+"-model").select2();
 }

但只适用于第一种形式，我不想使用 django-select2

我的模板是这样的

这是我的sn-p

<tbody class="tbody tb1 " id="form_set">
                    
                    {% for item in items.forms %}
                    <tr class="p-0 col-12">                    
                 <td class="">
                  <div class="col-12 p-0 mt-3 inp">
                {{item.price | add_class:'col-12 '}}
                
             </div>
             </td>
                
            <td class="">
            <div class="col-12 p-0 mt-3 inp">    
                 {{item.quantity | add_class:'col-12 '}}
            </div>
           </td>
            <td class="">
               <div class="col-12 p-0 mt-3 inp">
                {{item.model | add_class:'col-12 0model model' | attr:'id:id_items_set-0-model'}}
                                
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
                
<script type="text/javascript">
    $(function(){
        $('.tb1 tr:last').formset({
            prefix:'{{items.prefix}}',
            addText:'add',
            deleteText:'remove',
            addCssClass:'btn btn-success',
        });
    })
</script>

<script type="text/javascript">
        $(document).ready(function(){
            for (var i = 0; i < 10; i++){
                 $("#id_items_set-"+i+"-model").select2();
  }            
 })
</script>

仅适用于我的第一个表单，然后对其他表单没有任何影响？请问我在脚本部分做错了什么吗？

Answer 1

jquery.formset 具有added 属性，我们可以在每次创建行时调用一个函数

<script type="text/javascript">
$(function(){
    $('.tb1 tr:last').formset({
        prefix:'{{items.prefix}}',
        addText:'add',
        deleteText:'remove',
        addCssClass:'btn btn-success',
        added:function($row){
                  $('.model').select2()
              }
      });
   })
</script>

Answer 2

我从未在 django 上工作过。 你能试试这个吗？ 如果您可以与我们分享一个真实示例的链接，以防万一这不起作用

 $(()=>{
     let ids = document.querySelectorAll("[id=*'id_items_set']");
     ids.forEach((element)=>{
    $(element).select2();
    });
     });