Johnny J

+1 Having this feature would be extremely beneficial, especially when dealing with forms that have numerous fields. Organizing them into sections is a much-needed improvement, and we hope to see this feature implemented soon.

Hello Kuba, thank you for sharing. It worked perfectly for me. I appreciate your assistance:)

I was wondering if it's possible to hide a specific value within a dropdown using a similar approach. For instance, consider dropdown A with two values: value 1 and value 2. Simultaneously, there's another dropdown, let's call it dropdown B, with three values: value x, value y, and value z.

When value 1 is selected from dropdown A, dropdown B should present all three values - x, y, and z. However, when value 2 is chosen, dropdown B should only display two values - y and z. Is this possible?

Hello Kuba, yes, it's great to hear that you've found a workaround. Appreciate your willingness to share this solution. Please do share the details when you have a moment, it could be very helpful for our team. Thank you.

Hey Brandon Tidd

Sorry if I wasn't clear earlier. There's a dropdown labeled "A" with values 1, 2, 3, and 4. When users select 1, 2, or 3, we display an additional dropdown called "Request Type." However, when a user selects 4, the additional dropdown (Request Type) remains hidden.

The "Request Type" dropdown is a required field because we need users who choose 1, 2, or 3 to specify a request type when submitting a ticket.

Hey Brandon Tidd

Thanks for your response.

I'm hiding a required field named "Request type" when users make a selection from a dropdown list. The problem arises when a user accidentally clicks the submit button on the ticket form without filling in this required field. Due to the use of .hide(), the field reappears on the redirected page, prompting the user to select a request type before they can submit the form. How can I configure the field to be optional, but only when users select a specific value from the dropdown?

Thanks

Johnny

Hi Brandon Tidd

The user can still see the hidden field when I try the following code, it doesn't seem to work for me. Please, could you help?

for (const el of document.getElementById('form').querySelectorAll("[required]")) {
  if (!el.reportValidity()) {
    return;
  }
}

Thank you Arianne Batiles

Hey @Ahmad Zaid, Thank you, I'll have a look at it, but is the group only for developers?

Hey Arianne Batiles,

Thanks for your response, I understand that queries about custom coding fall outside of your support's scope.  But, in the past I've seen and had others assist us with the code, so I thought I'd try and see if anyone could assist with the custom code:)

Hey Jahn,

Thanks for your suggestion, creating conditional fields won't work with my request. When users choose a particular dropdown value from a dropdown menu, I want to make a certain field invisible to them. Fields ought to appear when a user chooses an alternative dropdown. Currently, when  user selects another drop-down option, the conditional fields totally hide all of the fields for them. So, using custom code will enable me to hide a certain field from the user based on their selection.

Just an example, there is a dropdown called State and the user chooses Georgia. Only certain fields should be visible upon selection, and the conditional fields hides all required field when the user chooses any other state than Georgia.

Hi, 

How can we use custom code to make request form fields visible or invisible for end users based on dropdown selection?