need to hide the previously shown group while showing another group

Hey, I guess this is what you are looking for? https://bdwm.be/how-to-create-dynamically-populated-cascading-dropdown-lists-for-contact-form-7/

The problem is that cascading drop down lists are a lot of work if you want to implement them by defining every rule. You would need a rule for each state, so for a list with 8 options and then 106 options for each of these options, that means you would need to write 848 conditions. That’s not feasible, and will greatly slow down your application once you get it working.

A better solution is to make a custom implementation, like explained in the link above.

• This reply was modified 4 years, 8 months ago by Jules Colle.

ok , Thanks .

Thats a better solution .

Can you help me with the script if the third one was a link to from the datasheet with a common inner text as Explore and unique href from datasheet
$.each(all_values.years, function() {
$link= $(““).text(this).val(this);
if (all_values.current_year == this) {
$link.attr(‘selected’,’selected’);
}
$years_dd.append($link);
});

Sorry, this falls out of scope of the plugin support. Your question is 100% JS related, so you could try stackoverflow, or hire a developer if you don’t want to learn JS.