Drop-down list and related options according to this list

  • Baptiste
    Demandé le 23 janvier 2024 à 11:08

    I've made a drop-down list with language courses. Depending on the language in the drop-down list, the periods will change. There are 4 periods (January, November, February, April). 

    When I select Turkish, I'd like it to show only 2 options (September and February).

    For English, 4 options. For spanish, 3 options.

    How can I do this? 

    Thank you

  • Eleazar Jotform Support
    Répondu le 23 janvier 2024 à 13:52

    Hi Baptiste,

    Thanks for reaching out to Jotform Support. You can use a hidden Dropdown element with month options, and set conditions to unhide it when a specific language is selected. Let me show you how.

    1. On your Form Builder, click on Add form Elements on the left.
    2. Select or drag and drop Dropdown onto your form.
    3. Then, click on the Gear icon to open Properties.
    4. In your Dropdown Properties, click on Advanced. Scroll down, and toggle Hide Field to on.

      Drop down list and related options according to this list Image 1 Screenshot 50
    5. To add conditions, click on Settings on the orange bar at the top.
    6. Click on Conditions on the left side.
    7. Then, click on Add Condition. Select Show/Hide Field.
      Drop down list and related options according to this list Image 2 Screenshot 61
    8. Then follow the conditions in this screenshot. After filling up the requirements click Save.
      Drop down list and related options according to this list Image 3 Screenshot 72

    Here is a screencast of the result.
    Drop down list and related options according to this list Image 4 Screenshot 83

    If this is not exactly what you are looking for, can you explain a bit further so we can help you better.

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

  • Baptiste
    Répondu le 24 janvier 2024 à 03:30

    It's not really that, I had to explain my problem too succinctly. 

    1. We have 29 language courses. These 29 courses don't necessarily take place at the same time.Drop down list and related options according to this list Image 1 Screenshot 30

    For example: 

    - Turkish will be available at 2 times of the year (February and September)

    - Japanese will only be available in September

    - Spanish will be available in September, November, February and April.

    - Etc.

    I'd like to have only relevant proposals for each course I choose. At the moment, students can choose Turkish in February, but there are no Turkish courses in February.


    2. Once I've chosen the course and the period (September, November, February and April), I'd like to be able to propose weekly course frequencies for each course according to the period selected.  

    For example : 

    Turkish: September: 1x/week in the evening; February: 2x/week in the afternoon

    Japanese: September: 1x/week in the evening or 2x/week in the morning

    Spanish: September: 1x/week in the evening or 2x/week in the afternoon or 2x/week in the evening; February: 2x/week in the afternoon or 2x/week in the evening; November: 2x/week in the evening or 1x/week in the afternoon; and so on.

    Drop down list and related options according to this list Image 2 Screenshot 41

    (3. To go further, I'd like to know if it's possible to modify the available language courses according to the chosen period or frequency. 

    For example: If the student chooses the morning, he'll only be offered courses that are given in the morning. If the student chooses mornings, 2x/week, he/she will only be offered courses meeting these conditions. If the student chooses morning classes in February, he or she will be offered only those classes corresponding to his or her choice.)


    I hope this makes things clearer for you, feel free to ask for more informations if you need it.
    Have a nice day and thank you for your help,

  • Frédéric Jotform Support
    Répondu le 24 janvier 2024 à 05:48

    Hi Baptiste,

    Thanks for getting back to us with these details. Since you have many languages with many possibilities and limitations related to each of the languages, the better is to follow the main principle explained by my colleague Eleazar above for the use of a conditional logic, but to make a separate page for each of the selected language. Then, you can define the available choices related to each language on one page only and define a condition to lead the respondent to the page related to the chosen language. So, you'll have one page dedicated to the choice of the language, and one page for each language displaying the available choices.

    Other methods exist but, since you have a lot of possibilities, they might need more time to set.

    Let me walk you through the steps, starting from a new form: 

    1. In the Form Builder, go to the Build page.
    2. Add a Dropdown element in the form.
    3. In the Dropdown Properties panel, click on the Options tab and add your languages to be chosen.
    4. Add a Page Break element after the dropdown menu.
    5. Let consider the new page to be dedicated to Turkish, add a Paragraph element to set the page's title.
    6. Add as many as Single choice elements as the selected language allows.Drop down list and related options according to this list Image 1 Screenshot 90

    In the example above, for Turkish language, all the possible choices you mentioned as an example are:

    • Period: February or September
    • Time: one choice for evening or nothing (depending on the period), and one another choice for afternoon or nothing, depending on the period). You can see in my screenshot a single choice for Afternoon or Evening which will not be used for Turkish, according to your example (so, it will be removed).
    • Frequency: one choice for one per week or nothing (depending on the period), and one another choice for two per week or nothing, depending on the period.

    Next, follow these last steps to create a page for each of the languages.

    Then, you just need to set a condition to lead the respondent to the page related to the chosen language:

    1. In the orange bar, click on Settings.
    2. On the left panel, click on Conditions.
    3. Select Skip to/Hide a Page.Drop down list and related options according to this list Image 2 Screenshot 101
    4. Define the condition as shown below.
    5. Click on Save.Drop down list and related options according to this list Image 3 Screenshot 112

    The condition being here, for Turkish language:

    IF: Choose your language (the dropdown element in the first page)

    STATE: Is Equal To

    VALUE: Turkish

    DO: Skip to Page

    PAGE: Page 2

    Repeat this last steps for each page related to the chosen language, by clicking on + Add a condition and set the new condition accordingly.Drop down list and related options according to this list Image 4 Screenshot 123

    The last thing to set now is to define, for each page and its language, the choices for Time and Frequency. For instance, for your example for Turkish, we'll do the following, more or less as explained by my colleague:

    1. After having clicked on + Add a condition as shown above, select Show/Hide Field.Drop down list and related options according to this list Image 5 Screenshot 134
    2. Define the condition related to the frequency and to the period, the condition for February (in Turkish page), being the one below.
    3. Click on the + icon to add a new action for the time.
    4. Click on Save.Drop down list and related options according to this list Image 6 Screenshot 145

    This condition set as:

    IF: Periods (for Turkish)

    STATE: Is Equal To

    VALUE: February

    DO: Hide

    FIELD: Frequency (1 per week)

    DO: Hide

    FIELD: Time (evening)

    Note that I set this condition to hide a field when my colleague suggested showing a field, the fields to be shown being hidden by default. The only difference is what is set to be shown to user by default.

    If necessary, click on + Add a condition and repeat these last steps for the next Period for his language.Drop down list and related options according to this list Image 7 Screenshot 156

    At this stage, as a result, we got: Drop down list and related options according to this list Image 8 Screenshot 167

    You just need now to proceed in the same way, while adding a new page for each of the languages.

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