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


Top 5 Contributors of the Month
david stephan

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

 Subscribe to Articles

Cascading Drop-Down List in SharePoint 2010 List using jQuery

Posted By:Sagar Pardeshi       Posted Date: October 31, 2013    Points: 200    Category: SharePoint    URL: http://www.dotnetspark.com  

In this article we will learn how to implement Cascading Drop-Down List in SharePoint 2010 List using jQuery and Sp services.
 

 

Introduction

For Implementing Cascading Drop-Down List in SharePoint 2010 List using jQuery and Sp services follow below steps:-

Object:

1. Create Country custom list:

2. Create State Custom list: with Country lookup column

 

Look up Column Setting

State List

 

3.  Create CascadeDropDownList   with Country, State lookup columns

 

4. Select Default New Form under List tab of newly created List CascadeDropDownList  

 

5. Add content Editor Web part and Select Edit HTML Source under Format Text Tab

 

 

6. Copy and Paste the below Code in HTML Editor

 

 

<script language="javascript" src="/JSLibrary/jquery-1.4.2.min.js" type="text/javascript"></script><script language="javascript" src="/JSLibrary/jquery.SPServices-0.5.7.min.js" type="text/javascript"></script><script type="text/javascript">

  $(document).ready(function() {

            $().SPServices.SPCascadeDropdowns({

                relationshipList: "State",

                relationshipListParentColumn: "Country",

                relationshipListChildColumn: "Title",

                relationshipListSortColumn: "ID",

                parentColumn: "Country",

                childColumn: "State",

                promptText: "Choose State...",

                debug: true

            });


});</script>

 

Summary: - In some scenario we need to implementing cascading type of concept in OOB forms as for example by selecting Countries respective states or cities. It's not easier in SharePoint.


 Subscribe to Articles

     

Further Readings:

Responses

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