Remove a item from a dropdown list automatically after is is selected in a form

How can I create a dropdown list that automatically deletes an item that is selected from being used in the next form. I am having tryout for cheer groups. They will be using numbers to identify the students in the forms.

The judges will be judging them quite rapidly (in 5 minutes) so shen they submit the form for student #1, they will fill out the same form for "#2. I wish to have the #1 not available in the dropdown list.

Hi JnBFestProd,

Thanks for reaching out to Jotform Support. You can achieve your goal by using the Gift Registry widget. This widget allows form users to select items from your registry directly on your form. It is particularly useful for situations like yours, where you want to ensure that selected items are not available for repeated purchases. Here’s how it works:

• When a form user selects an item and submits the form, the Gift Registry widget will automatically lower the amount of availability for that item.
• This means that once an item has been purchased enough times, it will no longer be available for selection by other users.
• This feature helps prevent duplicates and ensures that each item is only available for purchase as long as there is remaining stock.

To set it up, simply add the Gift Registry widget to your form and configure the items you want to include in your registry. You can manage the availability settings directly within the widget options.

Let us know if there’s anything else we can help you with. 

Thank you Afzal. It looks like this in the right direction for what i need.

I am using Number as my items 1 thru possible 80. So if i use all 80 this field will be super long and take up all the space on top

Let me show you the form

https://form.jotform.com/250534980185158

Is there a way to customize CSS script to put in groups of 10?

1 11 21 and so forth

2 12

3 13

4 14

5 15

6 16

7 17

8 18

9 19

10 20

If not, how to make the widget box smaller. I can add another widget with the next group of 10's next to it.

I started 2ng group but i think the boxes are to big.

Please advise

Hi JnBFestProd,

We can adjust the height per each item in the Gift Registry widget by injecting CSS code. Here's how to do it:

1. First, copy this code:

.checklist label.checkbox .before {

    top: .35em;

}



label.checkbox {

    padding-top: 0.16em;

    padding-bottom: 0.3em;

}



span.items-left {

    top: 0.6em;

}



.checklist label.checkbox .after {

    top: 0em !important;

    left: .4em;

    width: 2em !important;

    height: 2em;

}

2. In Form Builder, click on the Gift Registry widget to select.

3. At the bottom of the selected Gift Registry widget, click on the Wand icon.

4. On the right panel, go to Custom CSS tab and paste the provided CSS code.

5. Click on Update.

Result:

Give it a try and let us know how it goes.

Is it possible to have the items displayed horizontal instead of vertical?

Hi JnBFestProd,

You can change the widget's item orientation with the following steps;

1. Click the widget's Gear icon.
2. Adjust the value of the Width property.

Then, use the following CSS code:

.list-item {

display: inline-block;

}

Here's how to add it to the widget:

1. Click the Wand icon.
   
2. Go to the Custom CSS tab, and paste the code.
3. Click the Update button.

Do the same thing on the other widget.

Give it a try and let us know if you need any help.