[Resolved] Blank field in taxonomy dropdown

[Author]

Posts

[himanshuS]

The current cred form selects a taxonomy term in the dropdown list when the form loads. This behavior manipulates user actions and make them submit without looking at other options. I want the initial field to be blank and required.
I have been able to make the field required with custom code . But, I am surprised to not see an option to have a blank field in the taxonomy dropdown.

Is there a way this could be done natively?

Reference: https://toolset.com/forums/topic/taxonomy-elect-dropdown-default-value/

[himanshuS]

I tired to do this:
$("#theSelectId").prepend("<option value='' selected='selected'></option>");

in the form JS editor as:
$("#cred_form_5371_1-select-3-1609268167").prepend("<option value='' selected='selected'></option>");

But this does not work. What am I missing?

Thanks for your help.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please try to add the following jQuery code to add default option to your taxonomy select box. Please try to add the following code to your Form's JS box:

jQuery(document).ready(function($){
 
jQuery("select[name='YOUR-SELECT-NAME']").prepend('<option value="">- Please Select -</option>');
jQuery("select[name='YOUR-SELECT-NAME']")[0].selectedIndex = 0;
});

Where:
- Replace 'YOUR-SELECT-NAME' with your original select name

I hope the solution shared above will help you to resolve your issue.

[himanshuS]

My issue is resolved now. Thank you!