JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
How to change dropdown options values with CSS?Asked by rlzolinas on August 19, 2016 at 12:19 PM
Unfortunately, as far as I know this is not possible to achieve with CSS within our Form Builder.
However there is a possible workaround within Jotform. You can assign calculation values to your dropdown options and then pass those values to some hidden field on your form. Your users would see dropdown option and you would be able to create report with assigned values.
I will explain this on my demo form.
I have added dropdown field and I have set options for that field.
Then I have assign calculation values for those options. Because first option on dropdown field empty, first value has to be 0.
Then I have added form calculation field to my form and added dropdown field to calculation field. I have also set value of dropdown field to be A-Z.
You can hide calculation field, so that your users can not see that field. But that field and value that is passed to that field will be shown on submission page of your form and inside of your reports.
Here is my demo form: https://form.jotform.com/62312805149957
Feel free to test it and clone it.
Hope this will help. Let us know if you need further assistance.
I applied this to my test form, and it seemed to work up until the last item of each section. Instead of reporting one code, it is reporting the desired code and one from the item before.
Example: Pharmacy> Pharmacy Administration - MS (code is 214) is reporting 214 and 406 (which is the last item from Nursing).
All codes inbetween are reporting correctly. The first/last items seem to be where the problem lies.
Here is the test form: https://form.jotform.com/63004593029957
I just checked it, I think you've figured this out already. If not, then try to set the Clear Hidden Fields Value to Clear on Being Hidden in the Preferences > Advanced window:
I think the problem is with the show/hide conditions and setting up the hidden fields to clear should fix it.
This worked perfectly! Thank you!
On behalf of my colleague, you're welcome.
I'm glad it is working for you.