How do I automatically fill in a column when a different People column is selected?

Question

I would like to display both the Name and Department fields from a Person. So I can select two People columns and have one display Name and one display Department, but I'd like to autofill the Department column with the same person that was chosen for the Name column. How can I do this? Thanks!

Answer 1

Here is an example of JavaScript utilizing jQuery for Newform page:

var $pickers = $('div[title^=People]');
$pickers.eq(0).blur(function(){
  $pickers.eq(1).html($(this).html());
});

Answer 2

I typically do it behind the scenes with a workflow to update that column to the value specified in the form. This means the deparment field doesn't have to be on the form itself, making it shorter.

Other options include code on the Newform page.