MARTIAL ARTS FOR BOTH CHILDREN AND ADULTS!

RESOURCES

Tiho

Instructors Name

Tiho

Instructors Name

Tiho

Instructors Name

Tiho

Instructors Name

Tiho

Instructors Name

Tiho

Instructors Name

view our schedule
and gain access to our exclusive web special

By opting in, you agree to receive periodic text messages & emails from . Your information will never be shared. Reply STOP to cancel. Standard rates may apply. View our Terms of Service & Privacy Policy.

CSS ID needs to be multilocation-form

Needs JS:

jQuery(document).ready(function(){let spark_classPattern=’elementor-field-group-ab_tags_’;let spark_form_id=’#multilocation-form’;let spark_location_ids=getAllLocationsValues(spark_form_id,spark_classPattern);function getAllLocationsValues(formSelector,classPattern){let nValues=[];jQuery(formSelector).find(‘[class*=”‘+classPattern+'”]’).each(function(){var classNames=jQuery(this).attr(‘class’).split(‘ ‘);for(var i=0;i<classNames.length;i+=1){let className=classNames[i];let matches=className.match(new RegExp(classPattern+'(\\d+)(?:_(\\w+))?’));if(matches&&matches.length>=3){let N=parseInt(matches[1],10);let destrict=matches[2]||””;if(destrict!=”){destrict=”_”+destrict}let nValue=N+destrict;nValues.push(nValue)}}});return nValues}function hidePrograms(){for(let i=0;i<spark_location_ids.length;i+=1){jQuery(spark_form_id+’ .’+spark_classPattern+spark_location_ids[i]).hide(0)}}function setChangeEvent(){for(let i=0;i<spark_location_ids.length;i+=1){jQuery(spark_form_id+’ select[name=”form_fields[ab_tags_’+spark_location_ids[i]+’]”]’).on(“change”,function(){let selectedValue=jQuery(this).val();jQuery(spark_form_id+’ input[name=”form_fields[ab_tags]”]’).val(selectedValue)})}}function extractIDFromString(inputString){var regexPattern=/^(\d+)(?:_\w+)?$/;var matches=inputString.match(regexPattern);if(matches&&matches.length>=2){var N=parseInt(matches[1],10);return N}else{return ”}}setChangeEvent();jQuery(spark_form_id+’ select[name=”form_fields[ab_locations]”], ‘+spark_form_id+’ select[name=”form_fields[ab_locationID]”]’).on(“change”,function(){let selectedValue=jQuery(this).val();hidePrograms();jQuery(spark_form_id+’ .’+spark_classPattern+selectedValue).show(0);jQuery(spark_form_id+’ .’+spark_classPattern+selectedValue+’ select’).prop(‘selectedIndex’,0);jQuery(spark_form_id+’ input[name=”form_fields[ab_tags]”]’).val(”);jQuery(spark_form_id+’ input[name=”form_fields[ab_locationID]”]’).val(extractIDFromString(selectedValue))})});

  1. copy and paste the form above
  2. set CSS ID to multilocation-form
  3. custom CSS should be:
selector .elementor-field-group-ab_tags,selector .elementor-field-group-ab_locationID,selector [class*=”elementor-field-group-ab_tags_”]{ display: none; }

4. add code snippet to target page only:

jQuery(document).ready(function(){let spark_classPattern=’elementor-field-group-ab_tags_’;let spark_form_id=’#multilocation-form’;let spark_location_ids=getAllLocationsValues(spark_form_id,spark_classPattern);function getAllLocationsValues(formSelector,classPattern){let nValues=[];jQuery(formSelector).find(‘[class*=”‘+classPattern+'”]’).each(function(){var classNames=jQuery(this).attr(‘class’).split(‘ ‘);for(var i=0;i=3){let N=parseInt(matches[1],10);let destrict=matches[2]||””;if(destrict!=”){destrict=”_”+destrict}let nValue=N+destrict;nValues.push(nValue)}}});return nValues}function hidePrograms(){for(let i=0;i=2){var N=parseInt(matches[1],10);return N}else{return ”}}setChangeEvent();jQuery(spark_form_id+’ select[name=”form_fields[ab_locations]”], ‘+spark_form_id+’ select[name=”form_fields[ab_locationID]”]’).on(“change”,function(){let selectedValue=jQuery(this).val();hidePrograms();jQuery(spark_form_id+’ .’+spark_classPattern+selectedValue).show(0);jQuery(spark_form_id+’ .’+spark_classPattern+selectedValue+’ select’).prop(‘selectedIndex’,0);jQuery(spark_form_id+’ input[name=”form_fields[ab_tags]”]’).val(”);jQuery(spark_form_id+’ input[name=”form_fields[ab_locationID]”]’).val(extractIDFromString(selectedValue))})});

5. Locations list should follow this format:
Location1|1234_location1

and matching program list ID, under advanced, should be
ab_tags_1234_location1

HOME

ABOUT US

PROGRAMS

HOME

ABOUT US

PROGRAMS

Fill out the form below to

Get Your Spot Now!

Skip to content