У меня есть список выбора, и мне нужно переделать его в группе кнопок

Question

Мне нужно переделать форму выбора в группу кнопок без потери функциональности.Я просматриваю всю сеть, но не могу найти решение. Я не могу сделать это без потери функциональности.

<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 не является правильным выбором для достижения того, чего вы хотите.