如何根据附加文档的标题自动填写表单域？

Question

这是我的表格：

models.py：

class Document(models.Model):
    Document_name = models.CharField(max_length=255, default='Document_Name')
    Date = models.DateField()
    Client = models.ForeignKey(ClientDetail, on_delete=models.CASCADE)
    File = models.FileField()
    Filename = models.CharField(max_length=255)

    def __str__(self):
        return self.Document_name

上传.html：

<form method="post" enctype="multipart/form-data" style="margin-left: 16px">
    {% csrf_token %}
    <table>
        {{ form.as_table }}
    </table>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

forms.py：

class DocumentForm(forms.ModelForm):
    class Meta:
        model = Document
        fields = '__all__'

我想要发生的是当我选择要附加的文档时，例如test1.pptx，我希望文件名字段自动填充该名称（test1.pptx）

Answer 1

在字段中添加 ID

class Document(models.Model):
    Document_name = models.CharField(max_length=255, default='Document_Name',attrs={'id': 'file-name'})
    Date = models.DateField()
    Client = models.ForeignKey(ClientDetail, on_delete=models.CASCADE)
    File = models.FileField(attrs={'id': 'file-input'})
    Filename = models.CharField(max_length=255)

    def __str__(self):
        return self.Document_name

然后在模板中

<form method="post" enctype="multipart/form-data" style="margin-left: 16px">
    {% csrf_token %}
    <table>
        {{ form.as_table }}
    </table>
    <button type="submit" class="btn btn-default">Submit</button>
</form>
<script>
  $('#file-input').on("change", function(){

       $("#document-name").val($(this).val());
 });


</script>

这将只解析名称，一切都会像魅力一样工作