Django Dropdown не появляется

Я пытаюсь получить выпадающий список django в CRUD-проекте покупок с моделями Categories и Subcategories, связанными через внешние ключи, и я использую сериализаторы, проблема в том, что на странице EDIT выпадающие списки пусты, несмотря на то, что я вызываю их по их значениям в html. ниже приведены модели

class Categories(models.Model):
    category_name = models.CharField(max_length=10)
    category_description = models.CharField(max_length=10)
    isactive = models.BooleanField(default=True)

class SUBCategories(models.Model):
    category_name = models.ForeignKey(Categories, on_delete=models.CASCADE)
    sub_categories_name = models.CharField(max_length=20)
    sub_categories_description = models.CharField(max_length=20)
    isactive = models.BooleanField(default=True)

функция редактирования

def edit_sub_categories(request,id):
    if request.method == 'GET':
        editsubcategories = SUBCategories.objects.filter(id=id).first()
        s= SUBCategoriesSerializer(editsubcategories)
        hm = {"SUBCategories":s.data}
        return render(request,'polls/edit_sub_categories.html',hm)
    editsubcategories = {}
    d = SUBCategories.objects.filter(id=id).first()
    if d:
        editsubcategories['sub_categories_name']=request.POST.get('sub_categories_name')
        editsubcategories['sub_categories_description']=request.POST.get('sub_categories_description')
        print(editsubcategories)
        form = SUBCategoriesSerializer(d,data=editsubcategories)
        if form.is_valid():
            form.save()
            print("hkjk",form.data)
            messages.success(request,'Record Updated Successfully...!:)')
            return redirect('sub_categories:show_sub_categories')
        else:
            return redirect("sub_categories:show_sub_categories")

html страница edit_sub_categories

<form method="POST" >
            {% csrf_token %}
            <table> <!--content-table-->
                <thead>
                    <tr>
                        <td>Sub Categories ID</td>
                        <td><input type="text" name="id" value="{{SUBCategories.id}}" readonly></td>
                    </tr>
                    <tr>
                        <td>Categories Name</td>
                        <td>
                            <!-- <input type="text" name="category_name" value="{{SUBCategories.category_name}}"> -->
                            <select name="category_name" id="">
                                {% for c in SUBCategories %}
                                    <option value="{{c.id}}">{{c.category_name}}</option>
                                {%  endfor  %}
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Sub Categories Name</td>
                        <td><input type="text" name="sub_categories_name" value="{{SUBCategories.sub_categories_name}}"></td>
                    </tr>
                    <tr>
                        <td>Sub Categories Description</td>
                        <td><input type="text" name="sub_categories_description" value="{{SUBCategories.sub_categories_description}}"></td>
                    </tr>
                    
                    
                    <tr>
                        <td>
                            <!-- <input type="submit" value="update record"> -->
                            <a href="{% url 'sub_categories:show_sub_categories' %}">
                                <button type="submit" class="btn btn-success" value="update record">
                                    <i class="fa-solid fa-database"> Update Value</i>
                                </button>
                            </a>
                        </td>
                        <td>
                            {% if messages %}
                            {% for mess in messages %}
                            <b style="color:green;"> {{mess}} </b>
                            {% endfor %}
                            {% endif %}
                        </td>
                    </tr>
                </thead>
            </table>
            <button class="btn btn-success"><a href="{% url 'sub_categories:show_sub_categories' %}" style="color:red;">Home Page</a></button>

        </form>

попробуйте импортировать файл bootstrap javascript в ваш HTML. пример:

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