如何在Django的ManyToManyField中多选并添加新标签？

1. 修正模型代码 #

首先去掉多余的tag_add字段，同时完善Tags模型的约束和显示逻辑：

from django.db import models
from django.urls import reverse

class Tags(models.Model):
    tag_name = models.CharField(max_length=100, unique=True)  # 唯一约束避免重复标签

    def __str__(self):
        return self.tag_name

class Music(models.Model):
    name = models.CharField(max_length=200)
    band = models.CharField(max_length=200)
    release = models.DateTimeField()
    tags = models.ManyToManyField(Tags)
    # cover = models.ImageField(upload_to='media/image')
    # file = models.FileField(upload_to='media/audio')

    class Meta:
        ordering = ['release']

    def __str__(self):
        return self.name 

    def get_absolute_url(self):
        return reverse('pages:music_detail', args=[str(self.id)])

注意：原代码中class Meta(self)写法错误，正确写法是class Meta:，无需传入self参数。

2. 创建表单处理新增标签 #

通过ModelForm扩展，添加新标签输入字段，在表单保存时自动创建并关联标签：

# forms.py
from django import forms
from .models import Music, Tags

class MusicForm(forms.ModelForm):
    # 新增标签输入框，支持逗号分隔多个标签
    new_tags = forms.CharField(
        max_length=200,
        required=False,
        help_text="输入新标签，多个标签用逗号分隔"
    )

    class Meta:
        model = Music
        fields = ['name', 'band', 'release', 'tags']

    def save(self, commit=True):
        # 先创建Music实例（暂不提交到数据库）
        music = super().save(commit=False)
        if commit:
            music.save()
        
        # 处理用户输入的新标签
        new_tags_input = self.cleaned_data.get('new_tags')
        if new_tags_input:
            # 分割标签、去除空格、过滤空值
            tag_names = [tag.strip() for tag in new_tags_input.split(',') if tag.strip()]
            for tag_name in tag_names:
                # 存在则获取，不存在则创建标签
                tag, _ = Tags.objects.get_or_create(tag_name=tag_name)
                # 将标签关联到当前音乐
                music.tags.add(tag)
        
        # 保存已有标签的多对多关联
        if commit:
            self.save_m2m()
        
        return music

3. 视图处理表单提交 #

用类视图或函数视图处理表单逻辑，这里以类视图为例：

# views.py
from django.views.generic.edit import CreateView
from django.urls import reverse_lazy
from .models import Music
from .forms import MusicForm

class MusicCreateView(CreateView):
    model = Music
    form_class = MusicForm
    success_url = reverse_lazy('pages:music_list')  # 替换为你的列表页URL

如果用函数视图：

# views.py
from django.shortcuts import render, redirect
from .forms import MusicForm

def create_music(request):
    if request.method == 'POST':
        form = MusicForm(request.POST)
        if form.is_valid():
            form.save()
            return redirect('pages:music_list')
    else:
        form = MusicForm()
    return render(request, 'music_create.html', {'form': form})

4. 模板渲染表单 #

在模板中渲染表单，用户可以选择已有标签，同时输入新标签：

<!-- templates/music_create.html -->
<form method="post">
    {% csrf_token %}
    <div class="form-group">
        <label>{{ form.name.label }}</label>
        {{ form.name }}
    </div>
    <div class="form-group">
        <label>{{ form.band.label }}</label>
        {{ form.band }}
    </div>
    <div class="form-group">
        <label>{{ form.release.label }}</label>
        {{ form.release }}
    </div>
    <div class="form-group">
        <label>{{ form.tags.label }}</label>
        {{ form.tags }}
    </div>
    <div class="form-group">
        <label>{{ form.new_tags.label }}</label>
        {{ form.new_tags }}
        <small class="text-muted">{{ form.new_tags.help_text }}</small>
    </div>
    <button type="submit" class="btn btn-primary">保存音乐</button>
</form>

核心逻辑说明 #

• get_or_create方法：自动处理标签的存在性，避免重复创建相同名称的标签。
• 表单的save方法：先保存Music实例，再处理新标签的创建与关联，最后保存多对多关系。
• 多对多字段tags：自动处理已有标签的选择关联，无需额外逻辑。

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