我有一个选择列表，需要在按钮组上重新制作它

Question

我需要为按钮组重新创建一个选择表单，而又不会失去功能。我在所有Net上冲浪，但找不到解决方法。在不失去功能的情况下我无法做到这一点。

<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>

发件人：

收件人：

Answer 1

代替选择输入，创建单独的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>

Answer 2

我建议您在表单中使用CheckboxSelectMultiple小部件，然后使用CSS和引导程序更改其外观，select小部件不是实现所需功能的正确选择。