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:-
- Main Category list.
- Sub Category list. which have a lookup column referencing the Main Category, as follow:-
- 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 ()
{
$().SPServices.SPCascadeDropdowns(
{
relationshipList: "Sub Category",
relationshipListParentColumn: "Main Category",
relationshipListChildColumn: "Title",
parentColumn: "ResponsibilityMainCategory",
childColumn: "ResponsibilitySubCategory",
debug: true
});
});
</script>
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:-
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:-
So can anyone advice how to get my Cascade drop-down lists working?