Handling event of SharePoint form dropdown value change

Problem Description:

Many times we want to perform event handling on SharePoint list’s form.

This blog will give us idea about “Choice” column value change event handling.

As usual add Content Editor WebPart into SP list form and copy paste below code into HTML form.

<script type="text/javascript">

_spBodyOnLoadFunctionNames.push("ourFunctionName");

function ourFunctionName()

{

$("Select[Title='ColumnName']").change(function () {

alert("Choice column value changed");

});

}

</script>

Reference:

http://api.jquery.com/change/

Remark:

For Date and Time column is quite different, for that follow below link,

http://howdididothatinsharepoint.blogspot.in/2010/02/catch-clientside-onchange-events-on.html

Nice article written by Ruud Stijger.