Cascading Dropdowns using javascript

[Harold Araya]

Hello,
I am working on SharePoint 2013, I was creating a cascading dropdowns using javascript code, it is working as expected in the New Form, however there is a code "});})(Plumsail.FD.jQuery)//" that appears at the top of the Forms, please let me know how I can remove that from the Form. Also, code it is not working in the Edit Form.

This is the code added in the Javascript Editor:
<script src=".../SiteAssets/jquery-3.3.1.min.js"></script>
<script src=".../SiteAssets/jquery.SPServices-0.7.1a.min.js"></script>
<script type="text/javascript">
$(document).ready(function loadCascadingDDL()
{
$().SPServices.SPCascadeDropdowns(
{
relationshipList: "Country",
relationshipListParentColumn: "Cluster",
relationshipListChildColumn: "Title",
parentColumn: "Cluster",
childColumn: "Country",
debug: true
});
});
</script>

I read this solution in this url:
https://www.c-sharpcorner.com/article/c ... 013-and-o/

Please see the file attached.

Thank you!
Harold A.

Form error message.png (8.59 KiB) Viewed 2317 times

[Dmitry Kozlov]

Hi!
It looks like you've added HTML-code right into JS-editor. Please drop an HTML-control onto your form and paste your code into its Content property or add references to jQuery and SPServices library directly into your master-page. Then, use SPServices in JS-editor this way:

Code: Select all

window.$().SPServices()

Find more samples of SPServices usage in the forum:
viewtopic.php?f=4&t=150