What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Conditional Dropdown FieldsAsked by crsslo on September 27, 2013 at 06:42 PM
Would like the ability to hide options of one field when another field is filled by a certain option.
I have a form with fields Dropdown A and Dropdown B.
Each field has has four options, 1-4.
When option 1 is selected in Dropdown A, I would like to hide options 2 and 3 in Dropdown B.
I have have a suggestion on how to go about setting this up through conditional rules.
You can set it up under the Conditional Wizard, by selecting:
Show/Hide a Form field
Then using the following logic to have 3 columns, A B C,. if column A has 4 options and options 2 , 3 and for are selected, you will use column B,. but if option 1 is selected you will have column C for you to use, which would have different options than Column B:
Kindly test out my example form: http://form.jotform.co/form/32697818688881
If you need further assistance, do let us know.
We already use conditional logic to hide/show fields. What we would like to do is consolidate fields that contain the same options but are triggered by different conditions. It may not be possible, but we dont want to hide a field, we want to hide options within a field.
I see, I'll go ahead and submit the Feature as per your request. Now, I'm unable to provide an ETA for this feature to be implemented. And I'm also unable to promise this feature will be implemented in to JotForm. Nevertheless, the Development Team will be evaluating the request, and the will conclude if it's feasible or not to create such feature.
Any update from the Development Team will be posted on this thread. Thank you.
Until such functionality is implemented by our developers, there's a workaround: Add a second Dropdown B field with options 1 and 4 deleted, as in this demo. If you clone the form, you'll see that it actually contains three dropdowns (one A and two Bs) but the condition toggles the visibility of the "Dropdown B" fields.
As an added touch, the demo also employs the Hide Empty Fields on Emails feature, so that the autoresponse to the user wouldn't show the unanswered Dropdown B field:
Would like to bump this as we are still interested in this feature. Our main problem is that while we can hide fields based on selections, those field's values, even though hidden, still act on their conditions. What may be more useful is the ability to control the hidden fields selection based on a condition of another field, or if the field is hidden.
"If dropdown A is hidden, then make dropdown A not filled"
"If dropdown A is hidden, then make dropdown A selection = x"
"If dropdown A selection = x, then make dropdown B selection = y"
Basically, the ability to make conditionals not react to hidden fields.
Another option may be to create a "disabled" state for fields.
"If dropdown A is hidden, then make dropdown A disabled"
"If dropdown A selection = x, then make dropdown B disabled"
Thanks very much for your time.
Unfortunately we do not have such features currently. There is a feature request already created for this requirement but we have not received any update on this yet.
Could you please check if our Dynamic Dropdown widget matches to your requirement? If it doesn't help, please let us know. We will be happy to assist.
thank you for your quick response.
What i am looking for is as follows:
We are creating a holiday packinglist. Based on the input of our customers we would like to generate a packinglist for them. We work with a lot of conditional logic to show/hide certain fields.
We work a lot with Checkbox fields where customers can check stuff they want to bring on their holiday. My problem is that i want to show/hide certain options WITHIN a checkbox field, based on earlier input.
When in field 'Gender' answer = Male
> in field 'Bagage' hide the option 'Beauty Case' (female).
and show the rest of the luggage.
When in field 'Type of Holiday' answer = Beach vacation
> in field 'Clothing' hide the option 'Snow gloves'.
Hope you can help me with this.
Otherwise i have to duplicate certain checkbox field more then 10 times.
The following guide should help you how to download your form's full source code: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form
Hope this helps.
Do get back to us if you have any questions.
If field Geslacht (gender) = Male > then in field Bagage hide 'Beauty Case'.
Thanks in advance.
Your question is moved to a separate thread and shall be addressed there shortly.