选择后更改 Django ModelChoiceField 小部件中的字体颜色

Question

我已经使用小部件在 Django 表单中设置了选择菜单的字体和字体颜色样式。选择后是否可以更改字体颜色？例如，选择菜单文本开始时为白色，选择后变为绿色。我在前端使用 Crispy Form 标签。

    class FootballLineup(forms.ModelForm):

        class Meta:
            model = FootballContestEntry
            fields = ['qb']

        qb = forms.ModelChoiceField(label='',                               
                                    queryset=NFLPlayer.objects.filter(active=True, 
                                                                      position='QB'), 
                                    empty_label="Select Quarterback", 
                                    required=True)

        qb.widget.attrs.update({'class': 'text-center lineup-select marker'})

Answer 1

我明白了这一点。我进入开发工具查看如何呈现脆脆的表单选择，获取分配给它的 id 并使用基本 js 来更改类。

            $(document).ready(function () {
                $('#id_qb').on("change", function () {
                    $(this).removeClass('orange');
                    $(this).addClass('text-light');
                });
            });