Django-动态更改表单字段

Question

我有一个简单的表格将网站添加到数据库。 这是我的网站模型：

class Site(models.Model):
    category = models.ForeignKey('Category')
    category1 = models.ForeignKey('Category', related_name='+',)
    subcategory = ChainedForeignKey(
        'Subcategory',
        chained_field='category',
        chained_model_field='category',
        show_all=False,
        auto_choose=True)
    name = models.CharField(max_length=70)
    description = models.TextField()
    # importuje zmienione TextFields widgets.py
    keywords = MyTextField()
    date = models.DateTimeField(default=datetime.now, editable=False)
    url = models.URLField()
    is_active = models.BooleanField(default=False)
    group = models.CharField(max_length=2, choices=(('Basic',
                                                     'Basic'), ('Premium', 'Premium')))

subcategory1 = ChainedForeignKey(
    'Subcategory',
    chained_field='category1',
    chained_model_field='category1',
    related_name='subcategory1',
    show_all=False,
    auto_choose=True)

def get_absolute_url(self):
    return "%s/%i" % (self.subcategory.slug, self.id)

class Meta:
    verbose_name_plural = "Sites"

def __str__(self):
    return self.name

Forms.py

class SiteAddFormFull(forms.ModelForm):

    url = forms.URLField(widget=forms.TextInput(attrs={'readonly': 'readonly'}))

    class Meta:
        model = Site
        fields = ('url', 'name', 'description', 'keywords', 'group', 'category1','subcategory1')

我想通过在用户在组字段（“ Premium”）中选择值之后添加“ Category1”，“ Subcategory1”字段来更改表单。 表单应重新加载自身并显示这些字段。 在选择“ Premium”字段“ Category1”之前，“ Subcategory1”应该是不可见的。 我该如何实现？

在我的forms.py中，我添加了：

widgets = {'category1': forms.HiddenInput(), 'subcategory1':
                   forms.HiddenInput()}

在我的.js文件中，我尝试显示这些字段，但是它不起作用：

$(":hidden").show();
// $("#id_category1".show() and other posibilities

在我的页面中，我有

<input id="id_category1" name="category1" type="hidden" /><input id="id_subcategory1" name="subcategory1" type="hidden" />

为什么不起作用？

Answer 1

您不需要HiddenInput作为类别。 只需用jquery隐藏它，并在select change事件上显示它即可。

<select id="group">
  <option value="First">First</option>
  <option value="Premium">Premium</option>
  <option value="Second">second</option>
</select>
<select id="category1">
  <option value="First">First</option>
  <option value="Second">second</option>
</select>

jQuery的

$(document).ready(function(){
    $('#category1').hide();
    $('#group').change(function(e) {
  var group = $(this).val();
  if (group == 'Premium'){
    $('#category1').show();
  } else {
    $('#category1').hide();
  }
  });
});

https://jsfiddle.net/fwfm9byy/1/