如何在页面加载时从下拉选择中显示选定的输入字段

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

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

document.getElementById("dropdown").addEventListener("change", function() {
  // 获取选中的值
  var selectedValue = this.value;

  // 根据选中的值设置输入字段的值
  document.getElementById("inputField").value = selectedValue;
});

window.addEventListener("load", function() {
  // 获取选中的值
  var selectedValue = document.getElementById("dropdown").value;

  // 设置输入字段的值
  document.getElementById("inputField").value = selectedValue;
});