I am working on a sharepoint online team site. and i want to define a Cascade drop down for main and sub categories. so i follow the steps mentioned in this Demo. Where in my case i created 3 lists inside the root site as follow:-

  1. Main Category list.
  2. Sub Category list. which have a lookup column referencing the Main Category, as follow:- enter image description here
  3. Responsibility list. which have 2 lookup columns; one referencing the Main Category while the other referecning he Sub Category list.

Then inside the Responsibility list's New form i added this script to implement the cascading lists:-

<script src="/Resources/jquery-1.11.3.js"></script>  
<script src="/Resources/jquery.SPServices.min.js"></script> // i download this from http://sympmarc.github.io/SPServices/ 
<script type="text/javascript">  
$(document).ready(function ()  
        relationshipList: "Sub Category",  
        relationshipListParentColumn: "Main Category",  
        relationshipListChildColumn: "Title",  
        parentColumn: "ResponsibilityMainCategory",  
        childColumn: "ResponsibilitySubCategory",  
        debug: true  

but this will not have any effect. where inside the New form, all the main and sub categories will be shown.

here is a screen shot of how the 2 fields looks like inside my New form:- enter image description here

and when i checked the Firefox Console i find these 2 errors regarding "XML parsing", as follow, but i am not sure what are these errors and if they are related to my problem:- enter image description here

So can anyone advice how to get my Cascade drop-down lists working?

1 Answer 1


You need to use _x0020_ to replace space in your code.

For example:

relationshipList: "Sub_x0020_Category"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.