Need to implement Autocomplete on SharePoint Online list for

Question

I am using the below code to implement autocomplete functionality.

 

I have a list named 'Product Profiles' which has a column named 'Product Number' as it's display name and Product%5Fx0020%5FNumber as it's internal name.

 

I am trying to auto complete my column with display name 'Product Number Auto' and internal name 'ProductNumberAuto' in a different SP list with Product Numbers from Product Profiles list.

 

The below code does not seem to work. Please help.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.02/jquery.SPServices-2014.02.min.js"></script>

<script type="text/javascript">

$(document).ready(function ()

{

$().SPServices.SPAutocomplete({

sourceList: "Product Profiles",

sourceColumn: "Product%5Fx0020%5FNumber",

columnName: "Product Number Auto",

ignoreCase: true,

numChars: 2,

slideDownSpeed: 'fast',

debug: true

}); });

</script>