如何手动渲染表单选择

时间:2016-12-08 09:43:17

标签: django django-widget

我有 form.py

SELECT_PRODUCT = [
    ('item1', 'item1'),
    ('item2', 'item2'),
    ('item3', 'item3'),
    ('item4', 'item4'),
]

class OrderBonus(forms.Form):
    select_product = forms.CharField(widget=forms.Select(choices=SELECT_PRODUCT ))

在html中我需要单独渲染每个选项:

<select name="{{ form_bonus.select_product .name }}">
    <option value="{{form_bonus.select_product.field.choice.0}}">{{form_bonus.select_product.field.choice.0}}</option>
    <option value="{{form_bonus.select_product.field.choice.1}}">{{form_bonus.select_product.field.choice.1}}</option>
    <option value="{{form_bonus.select_product.field.choice.2}}">{{form_bonus.select_product.field.choice.2}}</option>
 </select>

我尝试不同的方式: 1)form_bonus.select_product.field.choice.0 2)form_bonus.select_product.field.choice.[0] 3)form_bonus.select_product.field.choice.("0")

我尝试迭代:

{% for choice in form_bonus.select_product.field.choices %}
    {{ choice }}
{% endfor %}

{% for value, text in form_bonus.select_product.field.choices %}
    {{ value}} - {{ text }}
{% endfor %}

任何人都知道如何覆盖Select Widget以使用每个选项: form_bonus.select_product.field.choice.0等。

Python 3.5.2和Django 1.10

1 个答案:

答案 0 :(得分:7)

试试这个:

<select name="{{ form_bonus.select_product.name }}">
    {% for choice in form_bonus.select_product.field.choices %}
        <option value="{{ choice.0 }}">{{ choice.1 }}</option>
    {% endfor %}
</select>

但请务必使用ChoiceField代替CharField

class OrderBonus(forms.Form):
    select_product = forms.ChoiceField(choices=SELECT_PRODUCT)

如果需要,您只需编写{{ form_bonus.as_p }}而不是循环。