django動態變量表單域

Question

說我有兩種類型的對象，Apples和Chainsaws。向用戶呈現表單，並且第一個字段詢問他們想要購買哪個對象。如果他們選擇Apples我希望一個選擇表單域動態出現，並帶有選項綠色和紅色和標籤顏色。另一方面，如果他們選擇Chainsaws我希望兩個表單域動態出現，一個是CharField，標籤爲您的姓名，第二個是IntegerField，標籤爲您的年齡（這是一個好主意跟蹤誰在購買你的鏈鋸）。

這當然只是一個例子。主要想法是，我希望能夠動態選擇字段的數量和類型以及字段中的數據，具體取決於用戶使用Django模板從初始選擇列表中選擇一個選項。我發現很多與動態填充選擇列表或添加同類型的其他字段有關的教程和問題（例如，附加文件上傳字段），但我似乎無法弄清楚如何動態添加/更改屬性我的形式。

感謝您的幫助！ -C

Answer 1

簡短的回答是，這需要CSS，JavaScript和Django的混合形式。

表格

第1步是創建一個形式與條件驗證我乾淨的方法。

from django import forms 
from django.utils.translation import ugettext as _ 
from django.forms.widgets import RadioSelect, Textarea, CheckboxSelectMultiple 
from django.utils.safestring import mark_safe 

class FormContact(forms.Form): 
    """ 
    The contact form 
    """ 
    choice_a = forms.ChoiceField(
     label=_(u' '), 
     choices=(
      (1, mark_safe(_(u'First Option'))), 
      (0, mark_safe(_(u'Second Option'))), 
     ), 
     widget=RadioSelect, 
     initial=1 
    ) 
    show_if_choice_1 = forms.CharField(
     label=_(u'Choice 1 text box') 
    ) 
    show_if_choice_2 = forms.CharField(
     label=_(u'Choice 2 text box') 
    ) 

    def clean(self): 
     super(forms.Form, self).clean() 

     if 'choice_a' in self.cleaned_data : 
      if self.cleaned_data['choice_a'] == '1': 
       if self.cleaned_data['show_if_choice_1'] == '' : 
        self._errors['show_if_choice_1'] = self.error_class([_(u'Please Fill out choice 1 text box.'),]) 
      if self.cleaned_data['choice_a'] == '2': 
       if self.cleaned_data['show_if_choice_2'] == '' : 
        self._errors['show_if_choice_2'] = self.error_class([_(u'Please fill out choice 2 box'),]) 

     return self.cleaned_data 

的JS和CSS

寫一些JavaScript + CSS的基礎上，有條件的字段的值，顯示隱藏字段。

注意：如果您需要更多的指導方向，請告訴我，如果您迅速找到jist，我不想花費永遠打字。