在Django模板中渲染ChoiceField选项

时间:2016-04-19 16:28:57

标签: django django-forms django-templates

在Django中给出ChoiceField

fruits = ChoiceField(label="Fruits", choices=(('A', 'Apple'),
    ('B', 'Banana'), ('C', 'Cherry')
)

如何在1.9中的Django模板中显示表单选项?例如,我尝试了以下但无法显示表单数据:

    <table class="table table-bordered table-condensed">
      <tr>
      <th>
        <label for="{{form.fruits.id_label}}">  
          {{form.fruits.label}}
        </label>
      </th>
      <td>{% for value, displayable in form.fruits.choices %}
            <option value="{{value}}">{{displayable}}</option>
          {% endfor %}
      </td>
      </tr>
    </table>

1 个答案:

答案 0 :(得分:9)

默认情况下,Django为我们提供了一个简单的下拉列表,作为选择字段的直观表示。只需在视图中创建表单实例,然后在上下文中传递它。这是一个例子,

让我们说我们的示例模型是,

gender = (
    ('x', 'Male'),
    ('y', 'Female'),
    )

class User(models.Model):
      gender = models.CharField(max_length=60, blank=True, default='',choices=gender,verbose_name="gender")

和我们的模型表单,

class UserForm(forms.ModelForm):

    def __init__(self, *args, **kargs):
        super(UserForm, self).__init__(*args, **kargs)

    class Meta:
         model = User
         fields = '__all__'

只需在视图中创建表单实例,然后在上下文中传递:

def my_view(request):
form = UserForm()
return render_response('template.html',{'form': form})

然后使用{{form.my_choice_field}}将其显示在模板中。

<div class="col-md-4">
    <div class="form-group">
    <label>Gender</label>
    <select name="gender" class="selectpicker" data-title="Select Gender" data-style="btn-default btn-block" data-menu-style="dropdown-blue">
    {% for x,y in form.fields.gender.choices %}
       <option value="{{ x }}"{% if form.fields.gender.value == x %} selected{% endif %}>{{ y }}</option>
    {% endfor %}
    </select>
  </div>  
</div>