JavaScript 生年月日プルダウン selected

よろしくお願いします。
生年月日を入れる入力欄で、option部分をjsで作っています。

年のプルダウンを開くと、「1980」がセレクトされている状態にしたいと思っています。
プルダウンしない時は、「年」と出ている状態です。

最初から「1980」と表示されている方法はわかるのですが、
プルダウンをしたときに、「1980」と表示させる方法がわかりません。
ご教示いただけますと助かります。
実装したいことの画像を添付いたします。

【html】

<div class="customer-birthday">
<p>生年月日</p>

<ul class="grid grid--3-col">

<li class="grid__item"><select id="year" name="customer[note][Year]"><option value="0">年</option></select></li>

<li class="grid__item"><select id="month" name="customer[note][Month]"><option value="0">月</option></select></li>

<li class="grid__item"><select id="day" name="customer[note][Day]"><option value="0">日</option></select></li>

</ul>
</div>

【JS】

var time = new Date();
var year = time.getFullYear();

for (var i = year; i >= 1920; i--) {
createOptionElements(i,'year');
}

for (var i = 1; i <= 12; i++) {
createOptionElements(i,'month');
}

for (var i = 1; i <= 31; i++) {
createOptionElements(i,'day');
}

function createOptionElements(num,parentId){
var doc = document.createElement('option');
doc.value = doc.innerHTML = num;
document.getElementById(parentId).appendChild(doc);
}

--------------