Django 向导表单中的条件表单字段答案

【问题标题】：Conditional Form Field in Django wizard formDjango 向导表单中的条件表单字段
【发布时间】：2019-11-22 23:57:36
【问题描述】：

我在 django 中使用向导表单。仅当对其他表单字段的回答标记为“是”时，我才想创建一个表单字段，否则我不想要这个新的表单字段。我该怎么做？
我已经尝试了一些与此相关的其他答案，但其中大多数都讲述了如何标记字段是否必填，但我只想在其他字段的答案为“是”时才显示该字段

Django Form Wizard with Conditional Questions

在下面的代码中，我只想在对字段“Pool”的回答标记为“是”时才显示字段“Pool2”，否则我不想要该字段。如果用户家中有游泳池，基本上我想在“Pool2”字段中获取一些游泳池的详细信息。

forms.py

class ListingForm2(forms.Form):
     Pool = (
        ("Yes","Yes"),
        ("No","No"),
    )
    Pool = forms.ChoiceField(choices = Pool,label = "Does your property have a pool ?")
    Pool2 = forms.CharField(required=False)

Views.py

class ListingWizard(SessionWizardView):
    template_name = 'listing_form.html'
    form_list = [ListingForm1,ListingForm2,ListingForm3,ListingForm4]
    def done(self, form_list, **kwargs):
        save_data(form.cleaned_data for form in form_list)
        return render(self.request,'done.html',{
            'form_data' : [form.cleaned_data for form in form_list],
            })

【问题讨论】：

使用 javascript 显示和隐藏字段，更改选择字段。
除了使用javascript别无他法？@Shubhitgarg
由于您希望在客户端进行一些更改，因此此处需要 javascript 或 css
好的谢谢@PRMoureu

标签： python django python-3.x forms django-formwizard

【解决方案1】：

你想要做的事情必须用 JavaScript 来完成，你可以只用 Django 帖子来做，但这不是正确的方法。

看看这个：

class BookForm(forms.ModelForm):
    has_sequel = forms.BooleanField(initial=True)

    class Meta:
        model = Book
        fields = ['author', 'length', 'has_sequel', 'sequel']

    class Media:
        js = ('book_form.js', )

    def clean(self):
        if self.cleaned_data['has_sequel'] and self.cleaned_data['sequel'] is None:
            raise ValidationError('You should indicate the sequel if the book has one.')


class BookView(FormView):
    template_name = 'book_form.html'
    form_class = BookForm
    success_url = '/done/'

此代码在表单中包含 Javascript，这样您可以使用自己的 Javascript 重用表单，Javascript 代码应该是这样的（您可能需要更改 javascript，具体取决于您在模板中打印表单的方式):

$(document).ready(function() {
    $('#id_has_sequel')[0].addEventListener('change', (event) => {
        let sequelField = $('#id_sequel').parents('p');
        if (event.target.checked) {
            sequelField.show();
        } else {
            sequelField.hide();
        }
    })
});

模板应该是这样的：

{% load static %}

<head>
    <title>Book form</title>

    <script src="{% static 'jquery-3.4.1.min.js' %}"></script>
    {{ form.media }}
</head>

<form method="post">{% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="Send message">
</form>

如果您有任何问题，请随时提出，但在没有 Javascript 的情况下尝试这样做不是一个好方法。你会发现一些 Django 小部件也会使用 Javascript。

【讨论】：