Get SharePoint People Picker Value using Java Script

I was looking to find a solution to get the value entered in a people picker field using Java Script.

Google took me to this link

This works by filling in a variable with the result of the function. You give the identifier as a parameter when you call it

var PickerPerson = getPickerInputElement("ff13"); // Here ff13 is your people picker control ID

function getPickerInputElement(identifier) {

var tags = document.getElementsByTagName(‘DIV’);
for (var i=0; i < tags.length; i++) {
var tempString = tags[i].id;
if ((tempString.indexOf(identifier) > 0) && (tempString.indexOf(‘UserField_upLevelDiv’) > 0)){
var innerSpans = tags[i].getElementsByTagName(“SPAN”);
for(var j=0; j < innerSpans.length; j++) {
if(innerSpans[j].id == ‘content’) {
return innerSpans[j].innerHTML;
return null;

6 thoughts on “Get SharePoint People Picker Value using Java Script

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.