javascript - 选择一个有效的选择。 '"xxx”不是可用选项之一

Question

我知道很多人一直在问这个问题“选择一个有效的选择。'xxx'不是可用的选择之一。”但我只是认为我的情况有点不同。

嗯，我想做的是；我有一个输入选择字段，允许某人在两个选项之间进行选择(假设选项是 A 和 B)。因此，如果有人决定选择选项A；一些可用的输入字段将消失，同时保留我分配给它们的默认值(这是为了允许表单提交。我不能将它们设置为required=False，因为如果您选择选项B，则该输入字段将出现，并且如果required= False，它们可能会在没有值的情况下提交。这是我不想要的):

forms.pycars = forms.ModelChoiceField(queryset = cars.objects.all(),widget=Select(attrs={'class': 'form-control seleckpicker','required':'True'}),empty_label="选择汽车")。因此，如果表中没有任何内容，它返回空列表。所以我想做的是附加值(value)。

在html页面下 $('select[name=fuel] 选项:eq(1)').attr('选定', '选定'); $('#id_cars').append($('', { 值:'AA'， 文字:“AA”， })); $('id_total_fruits').val(0);

所以我想做的是将值附加到 id_cars，以防下拉列表为空字段这就是为什么我决定附加值以便能够提交我的想法；即使这样做会让我收到此错误:

“选择一个有效的选项。“xxx”不是可用的选项之一。”

我希望我能说清楚。任何人有解决方案请...??????

Answer 1

我可能在这里有点误解这个问题，所以如果我偏离基地，请告诉我，我会删除我的答案哈哈。

为什么不根据选择执行 if 或 switch block 语句切换来设置所需的属性

即。

`$('#selector').on('change', function() {
       if ($(this).val() == "A"))  {
             $('#inputA').prop('required', true);
             $('#inputB').removeAttr('required');
        }
        if ($(this).val() == "B"))  {
             $('#inputB').prop('required', true);
             $('#inputA').removeAttr('required');
        }
  });

这就是我在这个场景中的一些页面上使用的。