How can I implement instant filtering for a patient list and a ModelChoiceField in Django?

Hi all,

I am trying to add an instant search feature that filters a list of patients as the user types into a search bar. For example, if a user enters the letter “a”, only patients whose names start with “a” should be displayed, gradually refining the results with additional input like “an” or “ant”.

My current view in views.py looks like this:

PYTHONCopied
def admin_view_patient_view(request):
    patients = models.Patient.objects.all().filter(status=True)
    return render(request, 'hospital/admin_view_patient.html', {'patients': patients})

The corresponding section in the HTML template is:

HTMLCopied
<div class="container">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h6 class="panel-title">Patient</h6>
    </div>
    <div id="table-scroll">
    <table class="table table-hover" id="dev-table">
      <thead>
        <tr>
          <th>Name</th>
        </tr>
      </thead>
      {% for p in patients %}
      <tr>
        <td> {{ p.get_name }}</td>
      </tr>
      {% endfor %}
    </table>
    </div>
  </div>
</div>

I would also like to implement a similar functionality for a forms.ModelChoiceField in a form to help users quickly find the desired doctor. For example, in my forms.py I have:

PYTHONCopied
class PatientForm(forms.ModelForm):
    assignedDoctorId = forms.ModelChoiceField(queryset=models.Doctor.objects.all().filter(status=True), empty_label="Name and Department")

And in the HTML template, I render the field as follows:

HTMLCopied
<div class="form-group">
  {% render_field patientForm.assignedDoctorId class="form-control" placeholder="Doctor" %}
</div>

Is it possible to implement instant filtering for both the patient list and the ModelChoiceField search input? Any guidance or examples would be greatly appreciated.

Many thanks in advance and best regards.