Has anyone built a select with a New item included?

[Gaby_Padilla (Gaby)]

Hi,

I’m trying to build one select feature that also incorporates the possibility of creating a new item without going to a new table of the software. Similar of what WeWeb has for the folders, that you can create it on the spot

But in my case I want to send the information also to Xano’s database

Do you know if this is possible? has anyone built something similar?

Thank you in advance for your help.

[Agustin_Carozo (Agustin M. Carozo)]

Hi Gaby

One way to do it is to use an advanced multiselect and toggle the advanced options> Allow to create

We’ve had some community members trying to do the same:

How do I allow a user to select an option from a list, or create a new option, using AirTable?

Hi - I am using Airtable as my backend, and as part of my weweb application I am building a “create record” form to allow users to create new records. In my airtable, these records have linked fields to other tables which represent options the user should be able to select. Example: User is creating an “Equipment” record, which has a link to a table of “Makes”. I want the user to be able to select from an existing make in that table, or create a new one while they are creating the equipment r…

Create a record from multi-select dropdown

I have a signup page where I allow new users to create their profile, including selecting the site that they belong to. If the site exists, they select that site. If it does not exist, they can type it in and the site is created. I’m using a multi-select dropdown for this, but setting the max selection to “1”. What is happening is that I can populate the dropdown from my collection of sites and I can create a new site, if one does not exist, but if I select an existing site, then it duplicates …

Hope this helps.

[Gaby_Padilla (Gaby)]

Hi Agustin,

Thank you so much for your answer, it worked.

If anyone is also interested in what’s the next step. I’ve added a workflow to send the new label to Xano and to “refresh” the multiselect, so the new label is visible in WeWeb as well.

[CedricFR73 (Cedric)]

Hi Augustin

Why it doesn’t work now? I have a multi-select field in modal and it’s impossible to create a new option. Why this change?

[Agustin_Carozo (Agustin M. Carozo)]

Hi Cedric ,

we updated our select elements this year to incorporate a bunch of improvements but this specific feature is only available in the deprecated old one.

We have a couple of workarounds community members have tried:

Multiselect - allow to create option

Hi @tcc! You’re actually really close! I would solve this challenge like this: Create a new array variable. In the multi-select options field, map it to the following formula: merge( YOUR_COLLECTION_ARRAY , ARRAY_VARIABLE ) Then in the modal, add a form with the field where the users will write their new options. On form submit, use the action “Change variable value”, select the array variable to be “add to the end” and the value would be the text in the field. Now it should work! You can…

Create a record from multi-select dropdown

I have a signup page where I allow new users to create their profile, including selecting the site that they belong to. If the site exists, they select that site. If it does not exist, they can type it in and the site is created. I’m using a multi-select dropdown for this, but setting the max selection to “1”. What is happening is that I can populate the dropdown from my collection of sites and I can create a new site, if one does not exist, but if I select an existing site, then it duplicates …

You can also try to create your own custom component with the help of Cursor or Claude code, modify our base multiselect element and import it back into your project.
Here are 2 tutorials on how to do it:

Using Cursor To Build Custom Coded Components

Using Claude Code To Build Custom Coded Components

Hope this helps