SharePoint 2013 and Office 365: Cascading of Lookup Dropdown Fields

Article
1/17/2024

This is a major approach when we build forms and when we have to use multiple lookup fields on the form and they should be related to each other as a parent and child relationship.

So what happens is, when you select a parent, other child items are related to it. So if you select a particular parent, all the child items related to the parent will appear.

Steps to implement

Create a list named “Company”.

Click Add an app,

Choose the Custom List App.

Click it and create a ‘Company’ List.

Once the list is created, add in the names of the companies.

As per the screenshot below.

Create another list named as “Employee”

Once the list is created, Create a look up column named as Company from our Company List.

As you can see below, Clock on Create Column and the choose Lookup.

Select the list as Company and choose the Title field while configuring the lookup column.

So here we can see our look up column has values from another list.

Fill in your required values; as for mine, I have filled in the name of the employees under the Title and have selected the company names from my look up field.

Now create a third list as Database.

Add the two look up columns, Company from the company list, and select title as the source of the column as per the screen shot below.

Add the second look up columns; Employee from the employee list as per the screen shot below, selecting title as the field of source column.

So this will be your blank list view with all the columns,

When you click New Item as you have added both the column as lookup they should display all the values but no, we are controlling their values as parent and child relationship as per the screen below.

If you select Company as “CTS”, the employee sees Manpreet as the value.