设置select属性时，无法取消选择所选元素

Question

您有一个下拉列表，其中填充了数据库中的数据。

<select name="form[entities][]" multiple="true">
        {% for entity in entities %}
            {% if entity.selected %}

            <option value="{{ entity.id }}" selected="selected">
                 {{ entity.name }}
            </option>

            {% else %}

            <option value="{{ entity.id }}">{{ entity.name }}</option>

            {% endif %}
        {% endfor %}
</select>

如果先前已选择实体，则会将其呈现为已选中。

我可以切换选择，这意味着我可以选择另一个实体，并且将取消选择前一个实体。但是例如如果只有一个项目并且它被选中则无法取消选择它只是保持选中状态。

所以我的问题是，这是正常行为吗？该字段不是必需的。有没有办法只使用html来处理取消选择，还是我必须引入另一个按钮并用javascript处理取消选择？

Answer 1

有几个可能的答案

• 向用户显示使用CTRL取消选择上次选择的选项
• 添加空白选项
• 使用jquery
处理取消选择