与Select的on change事件相关的动态更改文本框值​不起作用

<select onchange="handleChange(this)">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<input type="text" id="textbox">

<script>
  function handleChange(select) {
    var textbox = document.getElementById('textbox');
    textbox.value = select.value;
  }
</script>

<select id="select">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<input type="text" id="textbox">

<script>
  var select = document.getElementById('select');
  var textbox = document.getElementById('textbox');

  select.addEventListener('change', function() {
    textbox.value = select.value;
  });
</script>