Simple Ajax Search

[lone...@gmail.com]

Hello all,

   I am looking for a simple how-to on creating an interactive search on a text field.  As the user types the search results change and the user can click on the search result that they want.  I have installed jquery3 and bootstrap5 in my django project.

Thank you.

[Thomas Couch]

I think Select2 is a well trodden path for this sort of thing (unless I'm mistaken, it's already available in the admin interface). Have a look at the django-select2 package: https://django-select2.readthedocs.io/en/latest/

[lone...@gmail.com]

A stipulation that I forgot to mention is that the desired drop down selections will be coming from an external API. I did not see the package calling out to an external API, will this still work?

[Thomas Couch]

Yeah it's doable. Just had a quick look and that package has a HeavySelect2Widget for ajax requests: https://django-select2.readthedocs.io/en/latest/django_select2.html#django_select2.forms.HeavySelect2Widget

Alternatively, forget about the Django package and just use select2 directly: https://select2.org/

[raghav bajaj]

You can make an AJAX call using the oninput event of the search input field. Use a GET method to fetch the results from the DB in the AJAX call.

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/6bc300c2-1d1f-4e87-90bb-1311e2120c77n%40googlegroups.com.

--

Raghav Bajaj

Cell: +91 7420889933

[Kwarteng]

you can try typeahead.js

https://twitter.github.io/typeahead.js/

[Mithilesh Rawani]

Mithilesh rawani software developer deoghar Jharkhand

+91 9572990020

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/d3e27813-ac8d-4a92-b99b-72b4777ba414n%40googlegroups.com.