Inputs with predictive search and add new

Hi! The core of my app is a form to allow users to create their own content. I’m struggling to create a form field where users can select from predetermined options OR add a new option if needed. Ideally the form field would also use predictive search bc as the app grows the lists will get longer. Any examples of how someone has done this or plugins to recommend?

What do you mean by “predictive search”?

That’s exactly what a ‘search box’ is for…

1 Like

Sorry to not be clear - I would like to have an input or dropdown where as you start typing it shows you options that exist in the database that match what you’re typing - e.g. if you type hat it shows you “hat band” “baseball hat”, etc. to be able to select. BUT if it doesn’t exist in the database, you can also add new.

Or if there are suggestions on another UI way to do this, but ultimately there may be a long listof items so trying to avoid scrolling through a long list.

What I have so far is an input and if I start typing there are some results that show below, but it’s not reliable or a great experience, and I have the button to create a new item if it doesn’t exist, that works OK. But the typing in and getting results is very unreliable. A few screenshots attached of what I’m working on.

Just a search box and a field to add new item should work.

As I said… that’s exactly what a Search box is for.

1 Like