Editable drop-down in jQuery

Question

I have a requirement where the name of the patient will be searched by the doctor.

There may be multiple patients with same name as well, so when he starts searching he must get a drop-down list of all the patients with matching names he has typed. He must be able to select from it and he must be still able to type new new search and drop down must change.

How can I do this?

Answer 1

Take a look at jQuery UI autocomplete. In particular, this demo (Combobox) looks like what you are trying to do.