I need a way to copy what users place in a People Picker field (single selection only) and place it into a single line text field. I'm not allowed to user Designer so this can only be done with javascript. I've found suggestions on pulling data, but none that will then place it into the text field. Can someone lend a hand with this. Here's the html code

<div title="Employee" class="sp-peoplepicker-topLevel" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker" SPClientPeoplePicker="true">
<input name="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_HiddenInput" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_HiddenInput" type="hidden">
    <div class="sp-peoplepicker-autoFillContainer" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_AutoFillDiv"></div>
    <span class="sp-peoplepicker-initialHelpText ms-helperText" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_InitialHelpText">Enter a name or email address...</span>
        <img class="sp-peoplepicker-waitImg" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_WaitImage" alt="This animation indicates the operation is in progress. Click to remove this animated image." src="/_layouts/15/images/gears_anv4.gif?rev=23"><span class="sp-peoplepicker-resolveList" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_ResolvedList"></span>
        <input title="Employee, Enter a name or email address..." class="sp-peoplepicker-editorInput" id="Employee_e527eed9-6e73-4eff-b75c-f4746a0e7656_$ClientPeoplePicker_EditorInput" type="text" size="1" value="" autocorrect="off" autocomplete="off" autocapitalize="off" data-sp-peoplePickerEditor="true"></div>



You could update the single line of text in the list item by adding custom JavaScript code.

For more detailed information, refer to the articles below.

How to: Create, Update, and Delete List Items Using JavaScript.

Insert And Update SharePoint List Using JavaScript.

There is a similar post:



Here is a way to pull the information from the field after a user has been selected and is in the People Picker field. I use this myself.

var myTextField = $("input[id$='myTxtField']").text();
var peoplePicker = $("div[title$='People Picker']");
var peoplePickerValue = peoplePicker[0].innerHTML;

if(peoplePickerValue != "") {
    peoplePicker = peoplePicker[0].firstChild.id;
    var userName = peoplePicker.substr(4, peoplePicker.length);
    myTextField = userName;
  • I'm getting the error "Unable to get property 'innerHTML' of undefined or null reference" any suggestions? – Kyler Hunter Apr 2 at 13:31
  • Check the title of your People Picker and make sure it matches. Can you post your code so I can see what is going on? Thanks! – lazoDev Apr 2 at 13:33
  • var myTextField = $("input[title$='Employee Name']").text(); var peoplePicker = $("div[title$='Employee']"); var peoplePickerValue = peoplePicker[0].innerHTML; if(peoplePickerValue != "") { peoplePicker = peoplePicker[0].firstChild.id; var userName = peoplePicker.substr(4, peoplePicker.length); myTextField = userName; } – Kyler Hunter Apr 2 at 13:54
  • can you put it in your original post ;) place you ASP/HTML with the people picker in there as well to please. Please format so I can read it too if you dont mind. Thanks! – lazoDev Apr 2 at 13:55
  • Whoops, sorry about that. Added the HTML code in the original post. – Kyler Hunter Apr 2 at 14:05

you can use this snippet

  <script type="text/javascript" src="yourreferencetojquery"></script>

<script type="text/javascript">

    $(this).val(JSON.parse($("div[dir='none'] div input").val())[0].DisplayText);


Basically this snippet would copy the people picker name from the field as soon as you click on the required input field on which you need show the user name.

  • Is there a way to make it update the field automatically? I would actually like to hide the field so people don't think they have to put the information in twice. (This field is to be used as a lookup in another list, hence this odd work around) – Kyler Hunter Apr 2 at 13:33

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.