anchor.diff:  					<td width="10%" align="right">Event:</td>
   					<td align="left">
   						<form:select path="plannedNotifications[${nStatus.index}].eventName" cssClass="validate-notEmpty" 
  -									 onchange="displayAccrualField('${nStatus.index}');runReportBasedLogic('${nStatus.index}');">
  +									 onchange="displayAccrualField('${nStatus.index}');runReportBasedLogic('${nStatus.index}');"
  +									 onclick="updateName('a-${nStatus.index}', '${nStatus.index}');">
   		                    <option value="">Please Select</option>
   		                    <form:options items="${notificationEventsRefData}" itemLabel="desc" itemValue="code" />
   		                </form:select>
  
positive.code: 			         RowManager.getSecondaryNestedRowInserter(notificationRowInserterProps,${nStatus.index}).updateIndex(${fn:length(command.plannedNotifications[nStatus.index].roleBasedRecipient)});
  			  	</script>
  				<tr id="notification-${nStatus.index}"><td>
  				<chrome:deletableDivision id="notification-details-${nStatus.index}" title="Notification Details" divTitle="a-${nStatus.index}"
  				onclick="RowManager.deleteRow(notificationRowInserterProps,${nStatus.index},'${notification.id==null?'HC#':'ID#'}${notification.id==null?notification.hashCode:notification.id}')">
  	
  				
  
negative.code:         		messageElement.disabled = false;
          	}
          }
          
          function updateName(divID, index) {
          //$('plannedNotifications[0].eventName').options[$('plannedNotifications[0].eventName').selectedIndex].text;
            var elementId = "plannedNotifications[" + index + "].eventName";
            var stringValue = 'Notification: ' + $(elementId).options[$(elementId).selectedIndex].text;
            if ($(divID)) {
                $(divID).innerHTML = stringValue;
            }
        }
  	</script> 
  	</head>
  	
  