Тег Datalist не работает при внесении изменений в HTML-файл, связанный с Django

Я работаю над задачей, где мне нужно сделать выпадающее поле с фильтром поиска.

Здесь:-

Что здесь происходит: после выбора Финансового года, отображается Годовой план работы для пользователя в соответствии с этим (после фильтрации).

Но он отображает только выпадающий список, а я хочу, чтобы он отображал выпадающий список и поле фильтрации.

В forms.py выберите годовой план работы следующим образом:-

Select_Annual_Work_Plan = forms.ModelChoiceField(queryset=annual_work_plan.objects.none().order_by("Annual_Work_Plan_ID"), label='Select Annual Work Plan', )

-> Это ModelChoiceField.

Это функция в файле views.py под названием ajax_load_Select_Annual_Work_Plan, с помощью которой мы рендерим html для отображения выпадающего списка, функция выглядит следующим образом:-

@login_required()
def ajax_load_Select_Annual_Work_Plan(request):
    Fiscal_year_val = request.GET.get("Fiscal_year")
    Select_Annual_Work_Plan_list = annual_work_plan.objects.filter(Fiscal_year = Fiscal_year_val).order_by("Annual_Work_Plan_ID")
    return render(request, "procurement_data/Select_Annual_Work_Plan_dropdown_list_options.html", {"Select_Annual_Work_Plan_list": Select_Annual_Work_Plan_list})

Файл Select_Annual_Work_Plan_dropdown_list_options.html имеет следующий вид (Это полный код этого файла):-

{% for Select_Annual_Work_Plan in Select_Annual_Work_Plan_list %}
<option value="{{ Select_Annual_Work_Plan.pk }}">{{  Select_Annual_Work_Plan}}</option>
{% endfor %}

Я пробовал datalist тег html, который в основном используется для выпадающего списка с поисковой строкой, но это не работает здесь как:-

<div>
<datalist id="suggestions">
{% for Select_Annual_Work_Plan in Select_Annual_Work_Plan_list %}
<option value="{{ Select_Annual_Work_Plan.pk }}">{{  Select_Annual_Work_Plan}}</option>
{% endfor %}
<input  autoComplete="on" list="suggestions"/> 
</datalist>
</div>

Я также пробовал некоторые решения на jQuery... но ничего не работает. Кто-нибудь может помочь?

Вернуться на верх