表单集中添加的每个新输入元素的Django动态表单增量ID

Question

我有一个表格，其中包含4个字段作为输入，如下所示：

表格

AuthorFormset = modelformset_factory(

    Author,

    fields=('due_date','author' ),

    extra=5,

    widgets={'due_date': forms.DateInput(attrs={

            'class': 'form-control', 'placeholder': 'Date'}),

            'author': forms.TextInput(attrs={

            'class': 'form-control',

            'id': 'txtSearch',

            'placeholder': 'Participants'

        }),

    }

我向字段作者添加了一个CSS ID，这是一个文本输入。对于此文本输入，我还将通过Jquery自动完成功能进行Ajax调用。

view.html

<form class="form-horizontal" method="POST" action="">

    {% csrf_token %}

{{ formset.management_form }}

{% for form in formset %}

<div class="row form-row spacer">

    <div class="col-2">

        <div class="input-group">

            {{form.author}}

        </div>

    </div>

Java脚本

<script>

  $(document).ready(function(){ 

      $("#txtSearch").autocomplete({

          source: "/ajax_calls/search/",

          minLength: 2,

          open: function(){

              setTimeout(function () {

                  $('.ui-autocomplete').css('z-index', 99);

              }, 0);

          }

        });

  });

</script>

一切工作正常，只是我只能处理第一个字段的Ajax调用。 我想为以动态形式添加的每个新字段增加ID。