.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal

Home >> Articles >> SharePoint >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Fields Autocomplete for SharePoint 2010 using jQuery SPServices

Posted By:Sagar Pardeshi       Posted Date: January 30, 2014    Points: 200    Category: SharePoint    URL: http://www.dotnetspark.com  

Fields Autocomplete for SharePoint 2010 using jQuery SPServices


  The SPAutocomplete lets you provide values for a Single line of text column from values in a SharePoint list. The function is highly configurable and can enhance the user experience with forms.

To use this function you have to put it on a new item form. On one of the fields of this new item form the SPAutoComplete can be implemented and used. 

To make this work, create a new blank webpart page. Open the page in SharePoint Designer and insert a dataview on the page. At the Data Source Library select the list you want to create a new item form for and select Show Data. Select the desired fields to show on the new item form and select Insert Selected Fields as . New Item Form


  I have a list called Microsoft employees with a Title column with the name of the employees. In another list I need these names also but I want to suggest the user who adds a new item which employees we already have and how these are spelled. 

Let's proceed.

Edit the page in the browser and add a Content Editor Web part, modify the web part and show the Source Editor to add below code some code.

<script language="javascript" src="/JS/jquery-1.6.2.min.js" type="text/javascript"></script><script language="javascript" src="/JS/jquery.SPServices-0.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
sourceList: "Microsoft employees",
sourceColumn: "Employee",
ignoreCase: true,
numChars: 2,
slideDownSpeed: 'fast'

For all available options to set please take a look at the below link, but for the important ones here.


sourceList: the list to get the suggestions from

sourceColumn: the static column name to get the suggestions from

columnName: the displayname of the field in the new item form


In this Article we provide you an easy way to implement an autocomplete column for a SharePoint list using SPService  .

 Subscribe to Articles


Further Readings:


No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend