如何根据下拉选择填充表单域？

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

// 获取下拉选择框元素
var selectElement = document.getElementById("mySelect");

// 监听选择框值的变化
selectElement.addEventListener("change", function() {
  // 获取选择的值
  var selectedValue = selectElement.value;

  // 根据选择的值填充表单域
  if (selectedValue === "option1") {
    document.getElementById("inputField").value = "填充的值1";
  } else if (selectedValue === "option2") {
    document.getElementById("inputField").value = "填充的值2";
  } else if (selectedValue === "option3") {
    document.getElementById("inputField").value = "填充的值3";
  }
});

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