How do you allow input to be an object selection from model but also free text input in a django form?

Question

I am trying to have a field in a form that allows users to select objects from a Model and also allows free text input. I am using django-autocomplete-light. Although it works great for selecting choices from the model, I can't get it to allow free text input without creating new objects before the form is submitted.

Before someone marks this as duplicate, I did read this question but it did not guide me into a solution.

Here's my models.py:

class Person(models.Model):
    name = models.CharField(max_length=255, blank=True, null=True)

My forms.py:

class NameForm(forms.ModelForm):
    name = forms.ModelChoiceField(
        queryset=Person.objects.all(),
        widget=autocomplete.ModelSelect2(url='myapp:name-autocomplete')
    )

    class Meta:
        model = Person
        fields = ['name',]

My views.py:

class PersonAutoComplete(autocomplete.Select2QuerySetView):
    def get_queryset(self):

        qs = Person.objects.all()

        if self.q:
            qs = qs.filter(name__icontains=self.q)

        return qs

And my urls.py:

    path(
        'name-autocomplete/',
         PersonAutoComplete.as_view(create_field='name'),
         name='name-autocomplete',
    ),

Yellowduck · Answer 1 · 2019-11-07T22:24:39.907

0

Likely you are missing {{ form.media }} in your template

edited Nov 07 '19 at 22:24

answered Nov 07 '19 at 19:08

Yellowduck

482
2
4

That still doesn't allow me to input free text on the field. – sptramp Nov 07 '19 at 20:58
Please see edited answer, most likely that's your issue – Yellowduck Nov 07 '19 at 22:24

How do you allow input to be an object selection from model but also free text input in a django form?

1 Answers1