Cascading Managed Metadata

Update (26-Aug-2020)

Functionality

Link to the sample

Original article

The taxonomy structure

Converted to dropdown

This had to be done on client side hence it was done using HTML, JSOM and jQuery.

Credits

Vardhaman Deshpande’s blog on working with taxonomy and javascript is brilliant and it helped me get started with getting the required data. Make sure you read other blogs written by him as well. They are great.

The Office Dev PnP team come up with cool things that you can do with SharePoint. This post uses the caching technique provided by the PnP team. Have a look at Office Dev PnP page for some excellent videos and posts on SharePoint development.

Scot Hillier’s blogs are awesome. One of the many things I like about his blogs are that they provide great information on how to write javascript in general for SharePoint. I used bits and pieces from some of his blogs to write the script required.

Elio Struyf writes fantastic blogs on SharePoint search. I used information from some his blogs related to search refiners to create the second part of the requirement.

The script

Note: This is not the only way of storing the term(s) data. Depending upon the amount of data the mechanism can vary.

This script is then referenced in an HTML file which then is added as the source of a content editor webpart.

I have explained the blocks of the script separately below. The entire script can be found here.

Variables used

Functions used

Document ready

Get Term Set Data

Binding data to dropdowns

Continent and Country Dropdown change handler

Cookie functions from PnP

The HTML

SharePoint developer at Content+Cloud.