Javascript Django：如何使分组选择字段不'；在悬停之前不要给孩子们看？

目前，我有：

class ExpenseForm(forms.Form):
        CHOICES = (
            ('Debt', (
                (11, 'Credit Card'),
                (12, 'Student Loans'),
                (13, 'Taxes'),
            )),
            ('Entertainment', (
                (21, 'Books'),
                (22, 'Games'),
            )),
            ('Everyday', (
                (31, 'Groceries'),
                (32, 'Restaurants'),
            )),
        )
        amount = forms.DecimalField()
        date = forms.DateField()
        category = forms.ChoiceField(choices=CHOICES)

表单中的代码。py:

class ExpenseForm(forms.Form):
        CHOICES = (
            ('Debt', (
                (11, 'Credit Card'),
                (12, 'Student Loans'),
                (13, 'Taxes'),
            )),
            ('Entertainment', (
                (21, 'Books'),
                (22, 'Games'),
            )),
            ('Everyday', (
                (31, 'Groceries'),
                (32, 'Restaurants'),
            )),
        )
        amount = forms.DecimalField()
        date = forms.DateField()
        category = forms.ChoiceField(choices=CHOICES)

在生产环境中，我的类别比上面的示例多得多，因此如果我在第一个下拉列表中也显示每个类别的子类别，那么用户需要大量的滚动才能找到正确的子类别。我想做的是，当鼠标悬停在类别上时，每个类别的子类别仅显示在第一个类别旁边的单独下拉列表中。这将减少第一个下拉列表中不相关条目的数量。我该怎么做