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

Top 5 Contributors of the Month
david stephan
Gaurav Pal

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

 Subscribe to Articles

How to disable Dropdown list in SharePoint

Posted By:Jean Paul       Posted Date: September 29, 2014    Points: 200    Category: SharePoint    URL: http://www.dotnetspark.com  

In this article we will explore how to disable drop down list control in edit form. I hope the knowledge will be useful in real world scenarios

In real world scenario, we might encounter the following case:

· Disable a Dropdown list in edit mode

How to solve it?

We have the following options:

· Disable using Master Page

· Disable using Client Side Script

For time being, I am using the Disable using Client Side Script option.

Solution Steps: Disable using Client Side Script

Following are the steps involved:

1. Create List

2. Disable Modal Dialog for Edit form

3. Insert disable-script into edit form

4. Test the List

5. Enable back Modal Dialog

Step 1: Create List

Create a List named Products and add a Lookup Column Contact Person pointing to another Contacts list.Products > Contact Person > Contacts


Following is the edit form:


Step 2: Disable Modal Dialog for Edit form

As you know, we only wanted to disable the drop down in edit mode. User should be prevented from changing the Contact Person after item is created.

First we need to disable the dialog box through List > Advanced Settings.


Choose the option No and save changes. Now we are able to edit the page of edit form.

Step 3: Insert disable-script into edit form

Select an item from the Products list & choose Edit option. In the appearing page choose the Site Actions > Edit Page option.

Insert a Content Editor web part, choose edit HTML Content & Insert the following code.


_spBodyOnLoadFunctionNames is an inbuilt array which appends the given JavaScript method name for startup execution.

The code is given below:


<script type="text/javascript">


function disableControl()


getControl("select", "Contact Person").disabled = true;


function getControl(type, title)


var controls = document.getElementsByTagName(type);

for (var i=0; i < controls.length; i++)

if (controls[i].title == title)

return controls[i];



Click Ok button & Save changes to the page.

Step 4: Test the list

Now try editing an item & you can see the drop down list is disabled.


Step 5: Enable back Modal Dialog

You can enable back the Modal Dialog from List > Advanced Settings.


In this article we have explored how to disable drop down list control in edit form. I hope the knowledge will be useful in real world scenarios.v

 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