【问题标题】:I have a select list and I need to remake it on button group我有一个选择列表,我需要在按钮组上重新制作它
【发布时间】:2019-06-17 10:31:42
【问题描述】:

我需要在不丢失功能的情况下将选择表单重新制作为按钮组。我在网上冲浪,但找不到解决方案。如果不丢失功能,我无法做到这一点。

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

来自:

到:

【问题讨论】:

  • 我不知道 python,但我是为 help 前端创建的

标签: python html css django bootstrap-4


【解决方案1】:

创建单独的input 标签并设置适当的namevalue,而不是选择输入:

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

【讨论】:

    【解决方案2】:

    我建议在您的表单中使用 CheckboxSelectMultiple 小部件,然后使用 CSS 和引导程序更改它的外观,select 小部件不是实现您想要的正确选择。

    【讨论】:

      猜你喜欢
      • 2018-11-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-01-06
      • 1970-01-01
      相关资源
      最近更新 更多