Skip to main content

An autocompleting select widget for Django

Project description


.. warning:: This is early early early alpha status. API is unstable and it's
not extensively tested.

A simple jQueryUI autocomplete <select> replacement for Django.

This project is meant to be an easy replacement for the Select widget when
you have too many objects to sensibly use it.

- jQuery

- Twitter Bootstrap

- selectize


Good "does nots":

- Doesn't require any SQL tables.

- Doesn't change your POSTdata.

Not-strictly-good "does nots":

- Doesn't have any API documentation (yet!)

This is in extremely early alpha status; I've only put it on PyPI for the sake
of the project I've created for.

Originally there was an intention to have this be a lightweight dependency
(i.e. require not much beyond jQuery), but I've nixed that in favor of me
writing lightweight code. So this at the moment has a hard dependency on both
Twitter Bootstrap and the selectize library.

1. ``pip install django-simple-select``

2. Add ``simpleselect`` to ``INSTALLED_APPS`` in your project's

.. note:: This is only for the sake of being able to include the JS file. It
may be possible to remove this step, so it may vanish from a
future version.

3. Add this to your ````

.. code:: python

# other urls...
url('^', include('simpleselect.urls')),
# ...

4. In your form, make use of a ``simpleselect.AutocompleteSelect`` in a
``ModelChoiceField``, e.g.

.. warning:: This whole step is out of date. From this point on this
documentation is unreliable. Hopefully I will come back and
update these docs on my own time.

.. code:: python

class MyForm(django.forms.ModelForm):

class Meta:

model = models.Person
widgets = {
'employer': simpleselect.AutocompleteSelect(

class AddPersonForm(django.forms.ModelForm):

_personwidget = simpleselect.AutocompleteSelect(
['first_name__icontains', 'last_name__icontains'])

person = django.forms.ModelChoiceField(models.Person.objects.all(),

The autocomplete widget takes a list of `Django field lookups`_. When
autocompleting, it splits the search string. For each individual word, it
ORs together all lookups applied ot that word. It then ANDs together the
results of that process applied to all words.

E.g.: for a widget like

.. code:: python


and a search string like

.. code:: python

"John Smi"

your final query is equivalent to this, built using `Django Q objects`_:

.. code:: python

((Q(first_name__icontains='John') | Q(last_name__icontains='John'))
& (Q(first_name__icontains='Smi') | Q(last_name__icontains='Smi')))

This seems to be the correct thing to do, at least most of the time. But I
am no expert. More documentation coming!

.. _Django field lookups:
.. _Django Q objects:

5. Add this to your template

.. code:: html+django

{% load staticfiles %}

<script type="text/javascript" src="{% static "simpleselect.js" %}"></script>

6. Unless I forgot something else while writing this, you should be good to go!

For now, feel free to message me directly on Github or open a ticket. There's
no mailing list or anything fancy like that. If this picks up any steam I'll
add that stuff.

Project details

Release history Release notifications

This version
History Node


History Node


History Node


History Node


History Node


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Filename, size & hash SHA256 hash help File type Python version Upload date
django-simple-select-0.3.tar.gz (11.3 kB) Copy SHA256 hash SHA256 Source None Feb 10, 2014

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging CloudAMQP CloudAMQP RabbitMQ AWS AWS Cloud computing Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page