how to get people picker field value and store it in a variable

Question

i have a small requirement where in, i have a column "Employee Name" as a people picker field, now i just want to retrieve the employee name value in a variable after the user has entered his name in it.

Answer 1

You can extract Display Name from people picker element by following statement.

var employeeName = SPClientPeoplePicker.SPClientPeoplePickerDict["EmployeeName_TopSpan"].GetAllUserInfo()[0].DisplayText

Please note: "EmployeeName" here in "EmployeeName_TopSpan" is the people picker div element id

and

assuming that people picker will have only entry therefore we have taken zeroth index result from GetAllUserInfo method.