我需要为按钮组重新制作一个选择表单,而又不会失去功能。我上网冲浪,但找不到解决方案。我不能不失去功能而做到这一点。
<form action="{% url 'set_language' %}" method="post">
{% csrf_token %}
<input type="hidden" name="next" value="{{ redirect_to }}">
<select name="language">
{% get_available_languages as LANGUAGES %}
{% get_language_info_list for LANGUAGES as languages %}
{% for language in languages %}
<option value="{{ language.code }}" {% if language.code == LANGUAGE_CODE %} selected {% endif %}>
{{ language.name_local }} ({{ language.code }})
</option>
{% endfor %}
</select>
<input type="submit" value="Go">
</form>
从:
至:
最佳答案
代替选择输入,创建单独的input
标签并设置适当的name
和value
:
<form ... >
...
<div class="btn-group" role="group" aria-label="Choose Language">
{% for language in languages %}
<input type="submit" name="language" value="{{ language.code }}"
class="btn btn-secondary {% if language.code == LANGUAGE_CODE %}active{% endif %}">
{% endfor %}
</div>
</form>