Fetching Manager Attribute For The User In PeoplePicker Control Using JavaScript/JQuery

Question

Hi Everyone,
I need to fetch the Manager, Department and Title information for user listed in PeoplePicker control on SharePoint site and List them in textbox using JavaScript.
Please suggest the JavaScript code.
Regards~
Deepak Arora
If you Find the Answer | Article | Blog Helpful Please Vote As Helpful / Mark As Answer

Answer 1

Hi,
According to your post, my understanding is that you want to get the user’s manager, department and title.
We can use the GetUserProfileByName operation of the SPServices to achieve it, you can download it in the
CodePlex.
You can first retrieve the user of the People Picker control.
http://sympmarc.com/2012/04/22/working-with-sharepoint-people-pickers-with-jquery-a-new-function-called-findpeoplepicker/
http://sharepoint.stackexchange.com/questions/80839/unable-to-get-user-name-from-the-people-picker-control-using-jquery
Then we can retrieve the user’s information using the SPServices.
I have made a simple code demo to retrieve the user’s manager, department and title as below, you can have a look at it.
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://sp/Shared Documents/jquery.SPServices-2014.01.min.js"></script>
<script type="text/javascript">
// When the body is loaded, the onload event handler executes each function whose name is contained in this array.
$(function(){
var managerName;
var title;
var department;
$().SPServices({
operation: "GetUserProfileByName",
async: false,
AccountName: $().SPServices.SPGetCurrentUser(),
completefunc: function (xData, Status) {
console.log($(xData.responseXML).find("PropertyData").parent().html);
$(xData.responseXML).find("PropertyData > Name:contains('Manager')").each(function() {
managerName = $(this).parent().find("Values").text();
//alert("the manager is"+managerName);
$(xData.responseXML).find("PropertyData > Name:contains('Title'):eq(0)").each(function() {
title = $(this).parent().find("Values").text();
//alert("the Title is"+title);
$(xData.responseXML).find("PropertyData > Name:contains('Department')").each(function() {
department = $(this).parent().find("Values").text();
//alert("the Department is"+department);
var obj1=managerName+title+department;
$("#Test").text(obj1);
</script>
<span id="Test"></span>
More reference:
http://sympmarc.com/2012/04/22/working-with-sharepoint-people-pickers-with-jquery-a-new-function-called-findpeoplepicker/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support