Variable number of inputs with Django forms possible?

Question

Is it possible to have a variable number of fields using django forms?

The specific application is this:

A user can upload as many pictures as they want on the image upload form. Once the pictures are uploaded they are taken to a page where they can give the pictures a name and description. The number of pictures will depend on how many the user has chosen to upload.

So how do I get django to generate a form using a variable number of input fields (which could be passed as an argument if necessary)?

edit: a few things have changed since the article mentioned in jeff bauer's answer was written.

Namely this line of code which doesn't seem to work:

# BAD CODE DO NOT USE!!!
return type('ContactForm', [forms.BaseForm], { 'base_fields': fields })

So here is what I came up with...

The Answer I used:


from tagging.forms import TagField
from django import forms

def make_tagPhotos_form(photoIdList):
    "Expects a LIST of photo objects (ie. photo_sharing.models.photo)"

    fields = {}

    for id in photoIdList:
        id = str(id)

        fields[id+'_name'] = forms.CharField()
        fields[id+'_tags'] = TagField()
        fields[id+'_description'] = forms.CharField(widget=forms.Textarea)

    return type('tagPhotos', (forms.BaseForm,), { 'base_fields': fields })

note tagging is not part of django, but it is free and very useful. check it out: django-tagging

I don't get how all that is working together : do you have some code or git repo with a more complet example ? — Romain Jouin
– Romain Jouin, Commented Dec 6, 2020 at 10:26

Jeffrey Bauer · Accepted Answer · 2009-01-05 02:35:12Z

20

Yes, it's possible to create forms dynamically in Django. You can even mix and match dynamic fields with normal fields.

class EligibilityForm(forms.Form):
    def __init__(self, *args, **kwargs):
        super(EligibilityForm, self).__init__(*args, **kwargs)
        # dynamic fields here ...
        self.fields['plan_id'] = CharField()
    # normal fields here ...
    date_requested = DateField()

For a better elaboration of this technique, see James Bennett's article: So you want a dynamic form?

http://www.b-list.org/weblog/2008/nov/09/dynamic-forms/

answered Jan 5, 2009 at 2:35

Jeffrey Bauer

14.1k9 gold badges55 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alcides · Accepted Answer · 2009-01-04 22:57:03Z

7

If you run

python manage.py shell

and type:

from app.forms import PictureForm
p = PictureForm()
p.fields
type(p.fields)

you'll see that p.fields is a SortedDict. you just have to insert a new field. Something like

p.fields.insert(len(p.fields)-2, 'fieldname', Field())

In this case it would insert before the last field, a new field. You should now adapt to your code.

Other alternative is to make a for/while loop in your template and do the form in HTML, but django forms rock for some reason, right?

answered Jan 4, 2009 at 22:57

Alcides

4833 silver badges6 bronze badges

1 Comment

Jiaaro Over a year ago

Almost gave you the accepted answer, jeff's was just a little bit clearer (the link helped a lot)

user51463 · Accepted Answer · 2009-01-04 23:00:48Z

7

Use either multiple forms (django.forms.Form not the tag)

class Foo(forms.Form):
    field = forms.Charfield()

forms = [Foo(prefix=i) for i in xrange(x)]

or add multiple fields to the form dynamically using self.fields.

class Bar(forms.Form):
    def __init__(self, fields, *args, **kwargs):
        super(Bar, self).__init__(*args, **kwargs)
        for i in xrange(fields):
            self.fields['my_field_%i' % i] = forms.Charfield()

answered Jan 4, 2009 at 23:00

user51463

1802 bronze badges

Collectives™ on Stack Overflow

Variable number of inputs with Django forms possible?

The Answer I used:

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

The Answer I used:

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related