2010 - Cascaded DropDown doesn't work with SPServices

Question

I want to use SPServices to get cascaded dropdowns. A first dropdown menu will include, depending on the first choice, the choices of the second dropdown menu.

I have 3 lists. The first one is a basic list. The second one has a lookup field from the first one. And the third one has 2 lookup fields: one from the first list and the other one from the second list.

On the example below, the choice "Catégorie 1" just have to show "Choix 1.1" and "Choix 1.2", and not the others.

In my NewForm.aspx, I've put that code :

<script src="/sites/DevNum/testsb/js/jquery.js" type="text/javascript"></script>
<script src="/sites/DevNum/testsb/js/spservices.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $().SPServices.SPCascadeDropdowns({
      relationshipList: "typesinterventions2",
      relationshipListParentColumn: "Cat_x00e9_gorie", //Static Name
      relationshipListChildColumn: "Title", // Static Name
      parentColumn: "Type de la demande", //Printed Name
      childColumn: "Sous-type de la demande", //Printed Name
      debug: true
    });
});
</script>

Just under this line :

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">

When I click on "Add new element", nothing special happens.

The console log of my browser returns nothing, only this little warning :

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

On the line 148 in catcher.js, which means this line :

open.apply(this, arguments);

Then, I don't know where can be the problem.

Answer 1

I think you have to modify two parameters :

  parentColumn: "Type de la demande", //Printed Name
  childColumn: "Sous-type de la demande", //Printed Name

TO

  parentColumn: "Catégorie", //Printed Name
  childColumn: "Choix", //Printed Name

The problem comes from these parameters because you have to write exactly what is written on the form. In your case : "Catégorie" and "Choix".

Answer 2

You can simply use the infopath way to custom a list form :

And here is a tutorial that explains how to do what you want : https://www.youtube.com/watch?v=-HnLhXVQf-M