Sharepoint 2013 Setting people picker with Jquery not working in IE8

Question

In a SharePoint 2013 list with a people picker column labeled Name the following code works great in IE9 and IE10, however in IE8 the script shows an undefined is null or not an object error message at spPeoplePicker.AddUnresolvedUserFromEditor(true);
FYI using jquery min 1.10.2
Any ideas on how to resolve the issue?
<script type="text/javascript">
$(document).ready(function () {
var userid = _spPageContextInfo.userId;
//alert(userid)
function GetCurrentUser() {
var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/getuserbyid(" + userid + ")";
var requestHeaders = { "accept" : "application/json;odata=verbose" };
$.ajax({
url : requestUri,
contentType : "application/json;odata=verbose",
headers : requestHeaders,
success : onSuccess,
error : onError
function onSuccess(data, request){
var userName = data.d.Title;
//set following "field" as column to set in people picker
SetUserFieldValue("Name",userName);
function onError(error) {
//alert(error);
function SetUserFieldValue(fieldName, userName) {
var controlName = fieldName;
var peoplePickerDiv = $("[id$='ClientPeoplePicker'][title='" + controlName + "']");
var peoplePickerEditor = peoplePickerDiv.find("[title='" + controlName + "']");
var spPeoplePicker = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];
//comment out this field if edit form needs to be read only
peoplePickerEditor.val(userName);
//comment out this field if edit form needs to be read only
spPeoplePicker.AddUnresolvedUserFromEditor(true);
//disable the field
spPeoplePicker.SetEnabledState(false);
//hide the delete/remove use image from the people picker
$('.sp-peoplepicker-delImage').css('display','none');
GetCurrentUser();
</script>

Answer 1

Hi David,
Below is the complete code I have used to load the current user to the people picker in SharePoint 2013.
$(document).ready(function(){
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', LoadCurrentUser);
function LoadCurrentUser() {
var context = SP.ClientContext.get_current();
var siteColl = context.get_site();
var web = siteColl.get_rootWeb();
this._currentUser = web.get_currentUser();
context.load(this._currentUser);
context.executeQueryAsync(Function.createDelegate(this, SetPickersToCurrentUser), Function.createDelegate(this, LoadUserfailed));
function LoadUserfailed() {
alert('failed');
function SetPickersToCurrentUser()
var loginName = this._currentUser.get_title();
SetPeoplePicker('Order Team', loginName);
function SetPeoplePicker(fieldName, userAccountName) {
var peoplePickerDiv = $("[id$='ClientPeoplePicker'][title='" + fieldName + "']");
var peoplePickerEditor = peoplePickerDiv.find("[title='" + fieldName + "']");
var spPeoplePicker = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];
peoplePickerEditor.val(userAccountName);
spPeoplePicker.AddUnresolvedUserFromEditor(true);
Let me know if you have any questions. I will help you out!
-Praveen.
ASP.NET and SharePoint developer
Blog: http://praveenbattula.blogspot.com
Please click "Propose As Answer" if a post solves your problem or "Vote As Helpful" if a post has been useful to you.