JavaScriptを使いselectタグでページ内リンクを実装する方法

<select name="" id="">
  <option value="カテゴリを選んでください">カテゴリを選んでください</option>
  <option value="#section01">セクション01</option>
  <option value="#section02">セクション02</option>
  <option value="#section03">セクション03</option>
</select>

<section id="section01">セクション01</section>
<section id="section02">セクション02</section>
<section id="section03">セクション03</section>

var select = document.querySelector('select');
select.addEventListener('change', (event) => {
  var option = select.value;
  const target = document.querySelector(option);
  const rect = target.getBoundingClientRect();
  const scrollTop = window.pageYOffset || 
  document.documentElement.scrollTop;
  const position = rect.top + scrollTop;
  window.scrollTo({
    top: position,
    behavior: 'smooth'
  });
});