Auto complete feature in SharePoint 2013 list column using SPServices in SharePoint 2013

Auto complete feature in SharePoint 2013 list column using SPServices in SharePoint 2013
InfoPath alternatives for form designing SharePoint

In this post we will discuss how we can achive auto complete feature for a column in SharePoint 2013 list using jQuery and SPServices. Here I am have custom list name as “MyProjectLists” which has one column name as Title and it has data looks like below:

Auto complete feature in SharePoint 2013 list column using SPServices in SharePoint 2013
Auto complete feature in SharePoint 2013 list column using SPServices in SharePoint 2013

You can also read:
– Install and UnInstall SharePoint 2013 Apps using PowerShell

– Move documents from one list to another list with metadata in SharePoint 2013 Online

– Dictionary actions example in SharePoint Designer 2013

Then I have another list which has two columns one is the default Title column and other one column name is “MyProjectName”. And I want the auto complete feature should display the values in the MyProjectName column from the above “MyProjectLists” list (Title column).

For this I have added the below piece of code in the SharePoint list new form in a script editor web part.

<script language=”javascript” src=”http://code.jquery.com/jquery-1.6.2.min.js”
type=”text/javascript”></script>
<script language=”javascript” src=”https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.02/jquery.SPServices-2014.02.min.js”
type=”text/javascript”></script>
<script type=”text/javascript”>
$(document).ready(function () {
$().SPServices.SPAutocomplete({
sourceList: “MyProjectLists”,
sourceColumn: “Title”,
columnName: “MyProjectName”,
ignoreCase: true,
numChars: 2,
slideDownSpeed: ‘fast’
});
});</script>

Now if I will start typing something then the auto complete feature will display the related values.

Auto complete feature in SharePoint 2016 list column using SPServices in SharePoint 2016
Auto complete feature in SharePoint 2016 list column using SPServices in SharePoint 2016

Hope this will be helpful.

Similar SharePoint 2013 Tutorials

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →

Leave a Reply