Delete The Field From The List in SharePoint 2010 Using ECMAScript

Step 11 : Copy and paste the following script.

Code :

<content id="Main" contentplaceholderid="PlaceHolderMain" runat="server"></content>
<script language="ecmascript" type="text/ecmascript">
var fieldCollection;
var field;
var list;
function deleteField() {
var clientContext = SP.ClientContext.get_current();
if (clientContext != undefined && clientContext != null) {
var webSite = clientContext.get_web();
this.list = webSite.get_lists().getByTitle("List Request");
this.fieldCollection = list.get_fields();
this.field = fieldCollection.getByTitle("Choice");
this.field.deleteObject();
clientContext.executeQueryAsync(Function.createDelegate(this, this.OnLoadSuccess), Function.createDelegate(this, this.OnLoadFailed));
}
}
function OnLoadSuccess(sender, args) {
alert("Field deleted successfully.");
}
function OnLoadFailed(sender, args) {
alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}
</script>
<input id="btndeleteField" onclick="deleteField()" type="button" value="Delete the field" />

Step 12 : Click on Ok.

Step 13 : In the ribbon interface click on Save & Close button.

Step 14 : In the content editor web part you can find a button named "Delete the field", click on that button.

Step 15 : An alert will pop up.

Reference

SP.Field.deleteObject() Method - http://msdn.microsoft.com/en-us/library/ee659409.aspx

Summary

Thus in this article you have seen how to delete the field from the list in SharePoint 2010 using ECMAScript.