如何在选择下拉列表中的值时在文本字段中显示对象的相应值

<select id="mySelect">
  <option value="1">对象1</option>
  <option value="2">对象2</option>
  <option value="3">对象3</option>
</select>

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

<script>
  var selectElement = document.getElementById("mySelect");
  var textElement = document.getElementById("myText");

  selectElement.addEventListener("change", function() {
    var selectedValue = selectElement.value;
    var selectedObject = getObjectById(selectedValue);
    var displayValue = selectedObject.name; // 假设对象有一个name属性

    textElement.value = displayValue;
  });

  function getObjectById(id) {
    // 根据id获取对应的对象，可以是从数据库或其他数据源中查询
    // 返回对应的对象
  }
</script>