Django模板中如何将MultipleChoiceField存储的数组转为逗号分隔内容展示

你的场景是MultipleChoiceField多选提交的列表值直接存入CharField后，会被转为带方括号、引号的字符串格式列表，模板直接渲染就会输出完整数组结构，可通过以下几种方式处理：

方案1：表单保存阶段预处理（最省事，无需后续转换） #

在表单类中新增字段清洗方法，提交时直接把多选列表转为逗号分隔的字符串再存入数据库，后续直接输出即可：

class Univform(ModelForm):
    education_level = forms.MultipleChoiceField(choices=EDU_LEVEL)
    
    def clean_education_level(self):
        # 拿到多选的列表值
        level_list = self.cleaned_data.get('education_level', [])
        # 拼接为逗号分隔的字符串返回，直接存入CharField
        return ", ".join(level_list)

后续模板中直接调用{{ univ_obj.education_level }}即可得到option1, option2格式的内容。

方案2：模型层新增属性方法（复用性最高，适合已经有存量数据的场景） #

如果已经有大量存量数据是列表字符串格式，不想修改存储逻辑，可在模型层新增转换属性：

import ast
from django.db import models

class Univ(models.Model):
    education_level = models.CharField(max_length=20)

    @property
    def education_level_format(self):
        try:
            # 把字符串格式的列表转为Python原生列表
            level_list = ast.literal_eval(self.education_level)
        except (SyntaxError, ValueError):
            # 兼容单值、空值异常场景
            level_list = [self.education_level] if self.education_level.strip() else []
        return ", ".join(level_list)

模板中调用{{ univ_obj.education_level_format }}即可。

方案3：自定义模板过滤器（适合仅需在模板侧处理的场景） #

如果不想修改模型和表单，可自定义Django模板过滤器处理转换：

1. 在你的应用目录下新建templatetags文件夹，新增custom_filters.py文件，内容如下：

import ast
from django import template

register = template.Library()

@register.filter
def list_to_str(value, sep=", "):
    try:
        val_list = ast.literal_eval(value)
        return sep.join(val_list)
    except Exception:
        # 转换失败直接返回原值
        return value

2. 模板中使用时先加载过滤器，再调用：

{% load custom_filters %}

<!-- 输出逗号分隔内容 -->
{{ univ_obj.education_level|list_to_str }}

<!-- 可自定义分隔符，比如用顿号 -->
{{ univ_obj.education_level|list_to_str:"、" }}

方案4：优化字段存储类型（PostgreSQL数据库可选） #

如果你使用PostgreSQL作为数据库，可直接用Django自带的ArrayField存储多选列表，无需转字符串：

from django.contrib.postgres.fields import ArrayField
from django.db import models

class Univ(models.Model):
    # 直接用数组类型存储多选值
    education_level = ArrayField(models.CharField(max_length=20), blank=True, default=list)

后续模板中直接用Django自带的join过滤器即可：

{{ univ_obj.education_level|join:", " }}

内容的提问来源于stack exchange，提问作者sixovov947