دریافت اطلاعات select بعد از تغییر

سلام.
من یک dropdown و یک input دارم که میخوام وقتی در input عددی وارد میشه، اون عدد option اون دراپ داون رو تغییر بده:

<input id="input" type="text" name="selectChanger">

<select id="select">
  <option value="" selected></option>
  <option value="0">طبقه اول</option>
  <option value="1">طبقه دوم</option>
  <option value="2">طبقه سوم</option>
</select>

حالا میخوام وقتی option تغییر کرد یک پیام بصورت زیر نمایش داده بشه.

document.getElementById('input').addEventListener('input', function (event){
    let de = new Event('change');
    document.getElementById('select').dispatchEvent(de);
    document.getElementById('select').value = document.getElementById('input').value;
})

document.getElementById('select').addEventListener('change', function (event){
    alert(document.getElementById('select').text + ' انتخاب شده است')
})

ولی هر وقت option تغییر میکنه، alert اطلاعات option قبلی رو میگیره و نمایش میده.
مثلا برای بار اول وقتی عدد صفر در اینپوت وارد بشه انتخاب شده است نمایش داده میشه و سری بعد وقتی عدد 1 در اینپوت وارد بشه، طبقه اول انتخاب شده است نمایش داده میشه در صورتیکه باید طبقه دوم انتخاب شده است نمایش داده بشه.